• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Arkusz egzaminacyjny EE.09-02-19.06 stacja paliw - niedziałający skrypt

Aruba Cloud - Virtual Private Server VPS
0 głosów
492 wizyt
pytanie zadane 8 listopada 2022 w JavaScript przez Migger Nowicjusz (170 p.)
edycja 8 listopada 2022 przez Migger

 

Mógłby ktoś wytłumaczyć dlaczego w skrypcie zmienna cena ma zawsze wartość 0?

Problematyczny plik html ze skryptem:

Mógłby ktoś wytłumaczyć dlaczego w skrypcie zmienna cena ma zawsze wartość 0?

<!DOCTYPE html>
<html>
<head>
<title>Stacja paliw</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="styl3.css">
</head>
<body>
    <!-- <div style="float: left;"></div> -->
    <div id="lbaner" style="float: left;"><h1>Stacja paliw</h1></div>
    <div style="float: left;"></div>
    <div id="rbaner"style="float: left;"><a href="stacja.html"><img src="home.png"></a><a href="obliczenia.html"><img src="znak.png"></a></div>
    <div style="clear: both;"></div>
<div id="main">
    <h3>Oblicz koszt paliwa</h3>
    <p>Rodzaj paliwa (1-benzyna,2-olej napędowy)</p>
    <input type="number" id="paliwo">
    <p>Ile litrów</p>
    <input type="number" id="litry">
    <br>
    <button onclick="oblicz()">OBLICZ</button>
</div>
<script>
    function oblicz()
    {
        let paliwo = document.getElementById("paliwo").value;
        let litry = document.getElementById("litry").value;
        alert("paliwo:"+paliwo+" litry: "+litry);
        let cena;
        switch(paliwo)
        {
            case 1:  cena = 4*litry; break;
            case 2:  cena = 3.5*litry; break;
            default: cena=0;
        }
        alert(cena);
        document.getElementById("main").innerHTML+="koszt paliwa: "+cena+" zł<br>";
    }

</script>
<div id="lbar"style="float: left;"><a href="kwerendy.txt">Pobierz kwerendy</a></div>
<div id="rbar"style="float: left;"><img src="samochod.png" alt="samochód"></div>
<div style="clear: both;"></div>
<div id="footer"><p>Stronę opracował: JA</p></div>
</body>
</html>

 

CSS:

*
{
    font-family: Helvetica;
    margin: 0px;
}

#lbaner,#lbar
{
    
    background-color: RGB(130,69,85);
    color: white;
    width: 30%;
    height: 200px;
    text-align: center;
}

#rbaner, #rbar
{
    background-color: RGB(130,69,85);
    color: white;
    width: 70%;
    height: 200px;
    text-align: center;
}

#main,#footer
{
    
    background-color: RGB(240,234,226);
    padding: 120px;
}

table, td
{
    border: solid 1px RGB(130,69,85);
    color: RGB(130,69,85);
    padding: 10px;
}

a
{
    color: RGB(240,234,226);
}

2 odpowiedzi

+2 głosów
odpowiedź 8 listopada 2022 przez SzkolnyAdmin Szeryf (89,570 p.)
wybrane 8 listopada 2022 przez Migger
 
Najlepsza
Ponieważ z pola tekstowego odbierasz tekst, a nie liczbę całkowitą.

1. Zamiast case 1: zapisz case '1': (i odpowiednio drugi przypadek).

2. Skonwertuj dane odebrane z pola tekstowego na liczbę: paliwo = parseInt(paliwo) i analogicznie litry.
komentarz 8 listopada 2022 przez Migger Nowicjusz (170 p.)

 

 
Dzięki bardzo
 
Co do drugiego punktu to mogę zapisać tak?

 

        let paliwo = document.getElementById("paliwo").valueasNumber;

        let litry = document.getElementById("litry").valueasNumber;

komentarz 8 listopada 2022 przez Migger Nowicjusz (170 p.)

 

 
Co do drugiego punktu to może być tak zamiast tego co napisałeś?
 

        let paliwo = document.getElementById("paliwo").valueasNumber;

        let litry = document.getElementById("litry").valueasNumber;

komentarz 8 listopada 2022 przez SzkolnyAdmin Szeryf (89,570 p.)
Też zadziała.
+1 głos
odpowiedź 9 listopada 2022 przez VBService Ekspert (256,600 p.)

Jeżeli masz taki zapis

<p>Rodzaj paliwa (1-benzyna,2-olej napędowy)</p>
<input type="number" id="paliwo">

to może użyj <select>

[ on-line ]

      <label for="paliwo">Rodzaj paliwa</label>
      <select id="paliwo">
        <option value="4" selected>benzyna</option>
        <option value="3.5">olej napędowy</option>
      </select>

 

Podobne pytania

0 głosów
1 odpowiedź 6,428 wizyt
pytanie zadane 13 listopada 2019 w Egzaminy zawodowe przez Kiolo Nowicjusz (120 p.)
0 głosów
2 odpowiedzi 2,054 wizyt
pytanie zadane 28 grudnia 2019 w JavaScript przez Pikus Nowicjusz (160 p.)
0 głosów
1 odpowiedź 2,843 wizyt
pytanie zadane 23 września 2019 w Egzaminy zawodowe przez wcmdk Nowicjusz (160 p.)

93,335 zapytań

142,330 odpowiedzi

322,415 komentarzy

62,669 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...