skrypt JS z egzaminu EE.09

pytanie zadane 16 grudnia 2019 w JavaScript przez samsung Początkujący (310 p.)

Hej

Prosiłby o pomoc w dokończeniu skryptu z egzaminu ee.09 z 2019. Przerobiłem wszystkie lekcje z kursu JAVA SCRIPT ale takiego typu zadania nie było, nie wiem jak to ugryźć. Brakuje mi żeby przypisać jedynce-4 zł dwójce-3zł a reszcie liczb 0zł

Mój kod

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>zadanie</title>

	
</head>

<body>
<h1>Oblicz koszt paliwa</h1>

<label>Rodzaj paliwa (1-benzyna, 2-olej napedowy)</br><input type="number" id ="a"></label></br>
<label>Ile litrów:</br><input type="number" id="b"> </label> </br></br>
<input type="button" value="OBLICZ" onclick="paliwo()">

<div id="wynik" style="margin-top:20px;"></div>
<script>
function paliwo()
{
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;

 var suma= a*b;
  document.getElementById("wynik").="Koszt paliwa"+ suma +"zł";
  document.getElementById("wynik").innerHTML="Koszt paliwa"+ suma +"zł";


}

</script>

</body>
</html>

komentarz 16 grudnia 2019 przez Milesq Nałogowiec (32,020 p.)

JavaScript albo JS, ale proszę nie JAVA SCRIPT ;)

2 odpowiedzi

odpowiedź 16 grudnia 2019 przez Tomek Sochacki Ekspert (227,510 p.)
wybrane 16 grudnia 2019 przez samsung

Najlepsza

możesz zrobić sobie to ifem albo switch, jak wolisz. Jak ifem to np.:

let fuelCost = 0;

if (fuelType === '1') {
  fuelCost = 4;
} else if (fuelType === '2') {
  fuelCost = 3.5;
}

ewentualnie w jednej linii ternaty operator, wedle uznania. Ale ja bym to raczej zrobił selectem, nie inputem tekstowym ale to już osobna sprawa.

Oczywiście fuelType to wartość odczytana z tego Twojego inputa.

komentarz 16 grudnia 2019 przez samsung Początkujący (310 p.)

Dzięki za szybką pomoc z Twoimi wskazówkami udało mi się coś takiego skleić

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>zadanie</title>

	
</head>

<body>
<h1>Oblicz koszt paliwa</h1>

<label>Rodzaj paliwa (1-benzyna, 2-olej napedowy)</br><input type="number" id ="a"></label></br>
<label>Ile litrów:</br><input type="number" id="b"> </label> </br></br>
<input type="button" value="OBLICZ" onclick="paliwo()">

<div id="wynik" style="margin-top:20px;"></div>
<script>
function paliwo()
{
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;

if (a=== '1') 
{
	var typ= 4;
   var suma= typ*b;
  document.getElementById("wynik").innerHTML="Koszt paliwa"+ suma +"zł";
} 
  
else if(a === '2') 
{  
 var  typ=3.5;
  var suma= typ*b;
  
  document.getElementById("wynik").innerHTML="Koszt paliwa"+ suma +"zł";

}
else
{
 
 document.getElementById("wynik").innerHTML="Koszt paliwa 0 zł";
}
}


</script>

</body>
</html>

mógłbyś wyjaśnić w jakim celu przypisałeś zmiennej fuelCost 0 na początku?

Czy ten mój sposób przejdzie. głównie chodzi mi o egzamin?

komentarz 16 grudnia 2019 przez Tomek Sochacki Ekspert (227,510 p.)

na starcie ustawiam paliwo jako zero zł. Następnie sprawdzam dwa przypadki, gdy cena może ulec zmianie.

Nie widzę sensu wrzucania wszystkiego w te ify bo powielasz tą samą logikę. Szczerze to ja gdybym był nauczycielem to odrzucałbym takie podejście, dublowanie wiele razy niepotrzebnie tego samego :)

Ustaw cenę paliwa, i dopiero na końcu oblicz wartość na podstawie tej ceny. Na koniec przypisz wynik do odpowiedniego elementu DOM, choć i tu używanie innetHTML jest wg mnie bardzo słabe... ale już się nie czepiam :)