Java Script użycie znacznika select (option)

pytanie zadane 9 stycznia 2020 w Egzaminy zawodowe przez Pinokles Nowicjusz (120 p.)

przykladowo mamy cennik kabla rj45
<30m kabla kosztuje 1.0357 zł za metr
>30m kabla kosztuje 0.8765 zł za metr
dla stałych klientów (checkbox) 10gr taniej
wynik ma byc zaokraglony do dwoch miejsc po przecinku

Pytanie jak się odnieść do wartości w selectorze żeby po wybraniu opcjo a liczyło w cenie 1.0357 zł a po zaznaczeniu opcjo b 0.8765 zł

jeszcze zastanawiam się na rozbiciem tego na kolejne 2 zmienne opcji a, b i użyć checked

a najlepiej rozwiążcie to

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style>
       h1{text-transform: uppercase;}
       body{background-image: url(img/tlo.png);}
   </style>
</head>
<body>
   <h1>Sieć komputerowa</h1>
   <input type="number" id="ilosc"> <br>
   <select onChange="odczytanie(this.value) id="selektor">
       <option value="1.0357">klasaA</option>
       <option value="0.8765">klasaB</option>
   </select><br>
   <label for="klient"></label>
   <input type="radio" id="klient"><br>

   <input type="button" value="Sprawdz" onclick="licz()" ><br>
   <p id="wynik"></p>
   <script type="text/javascript">
       function licz()
{
   var ilosc =document.getElementById("ilosc").value;
   var selektor =document.getElementById("selector").value;
   var klient =document.getElementById("klient").checked;

   if (ilość >0 && klient ==false && selector.value="1.0357"==true)
   {
       document.getElementById("wynik").innerHTML=selektor.value *ilosc;
   }
   else if (ilość >0 && klient ==false && selector="0.8765"==true)
   {
       document.getElementById("wynik").innerHTML=selektor.value *ilosc;
   }
   else if (ilość >0 && klient ==true && selector.value="1.0357"==true)
   {
       document.getElementById("wynik").innerHTML=(selektor.value-0.1) *ilosc;
   }
   else if (ilość >0 && klient ==true && selector.value="0.8765"==true)
   {
       document.getElementById("wynik").innerHTML=(selektor.value-0.1) *ilosc;
   }
   else
   {
       document.getElementById("wynik").innerHTML="Wypisz dane"
   }

}
</script>

</body>
</html>

1 odpowiedź

odpowiedź 9 stycznia 2020 przez Chess Szeryf (76,710 p.)

<body style="background: gray;">


<select id="prices">
  <option value="200">200</option>
  <option value="300">300</option>
</select>

<input type="checkbox" value="2" id="fall" />

const prices = document.getElementById('prices');
const fall = document.getElementById('fall');

for(let i=0;i<[prices, fall].length;i++) {
  [prices, fall][i].addEventListener('change', function() {
    if(fall.checked) {
      console.log(prices.value*fall.value);
    } else {
      console.log(prices.value*1);
    }
  }, false);
}