<div>
<h1>Biuro podróży</h1><br>
<label>Wybór środka transportu: </label>
<select #srodekTransportu>
<option value=1500>Samolot</option>
<option value=600>Pociąg</option>
<option value=400>Autokar</option>
<option value=1>Własny Transport</option>
</select>
<br>
<label>Wybór miejsca: </label>
<select #miejsceWyjazdu>
<option value=123>Egipt</option>
<option value=200>Turcja</option>
<option value=159>Australia</option>
<option value=124>Tunezja</option>
<option value=155>Pireneje</option>
</select>
<br>
<label>Ilość dni:</label>
<input type="number" min="1" #iloscDni>
<br>
<label>Podaj ilość osób: </label>
<input type="number" min="1" #iloscOsob>
<br>
<button (click)="count(srodekTransportu.value, miejsceWyjazdu.value, iloscDni.value, iloscOsob.value)">Policz cene</button>
<br>
{{cenaWakacji}}
</div>
typecrsipt
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = "Piasun";
cenaWakacji = "";
count(srodekTransportu:string, miejsceWyjazdu:string, iloscDni:string, iloscOsob:string){
var transport = Number(srodekTransportu);
var miejsce = Number(miejsceWyjazdu);
var dni = Number(iloscDni);
var osob = Number(iloscOsob);
this.cenaWakacji = ""+(transport*2+miejsce*dni)*osob;
}
}
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}