Facebook
From Cobalt Agouti, 1 Year ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 123
  1. <div>
  2.   <h1>Biuro podróży</h1><br>
  3.   <label>Wybór środka transportu: </label>
  4.  
  5.   <select #srodekTransportu>
  6.     <option value=1500>Samolot</option>
  7.     <option value=600>Pociąg</option>
  8.     <option value=400>Autokar</option>
  9.     <option value=1>Własny Transport</option>
  10.   </select>
  11.  
  12.   <br>
  13.   <label>Wybór miejsca: </label>
  14.   <select #miejsceWyjazdu>
  15.     <option value=123>Egipt</option>
  16.     <option value=200>Turcja</option>
  17.     <option value=159>Australia</option>
  18.     <option value=124>Tunezja</option>
  19.     <option value=155>Pireneje</option>
  20.   </select>
  21.   <br>
  22.   <label>Ilość dni:</label>
  23.   <input type="number" min="1" #iloscDni>
  24.   <br>
  25.   <label>Podaj ilość osób: </label>
  26.   <input type="number" min="1" #iloscOsob>
  27.   <br>
  28.   <button (click)="count(srodekTransportu.value, miejsceWyjazdu.value, iloscDni.value, iloscOsob.value)">Policz cene</button>
  29.   <br>
  30.   {{cenaWakacji}}
  31.  
  32. </div>
  33.  
  34.  
  35.  
  36.  
  37.  
  38. typecrsipt
  39.  
  40.  
  41.  
  42.  
  43. import { Component } from '@angular/core';
  44.  
  45.  
  46. @Component({
  47.   selector: 'app-root',
  48.   templateUrl: './app.component.html',
  49.   styleUrls: ['./app.component.css']
  50. })
  51. export class AppComponent {
  52.   title = "Piasun";
  53.   cenaWakacji = "";
  54.   count(srodekTransportu:string, miejsceWyjazdu:string, iloscDni:string, iloscOsob:string){
  55.    
  56.     var transport = Number(srodekTransportu);
  57.     var miejsce = Number(miejsceWyjazdu);
  58.     var dni = Number(iloscDni);
  59.     var osob = Number(iloscOsob);
  60.  
  61.     this.cenaWakacji = ""+(transport*2+miejsce*dni)*osob;
  62.   }
  63. }
  64.