Steven01567644335
Gebruiker
- Lid geworden
- 14 mei 2022
- Berichten
- 52
Hallo, kijk vooral naar de JavaScript code. Waarom geeft het resultaat van de deling steeds een NaN? hoe los ik dit op?
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS PF taak: deling</title>
</head>
<body>
<h1>Javascript PF taak: Deling</h1>
<h3>Opdracht: </h3>
<ul>
<li>Lees twee getallen in. Deel het grootste door het kleinste en toon het resultaat in het <em>output element</em>. </li>
<li>ook negatieve getallen zijn toegelaten</li>
<li>herinner de gebruiker er aan dat je niet mag delen door 0. Waarschuw de gebruiker in een <em>berichtenvenster</em></li>
<li>we veronderstellen dat de input echt een getal is, <em>valideren</em> moet je nog niet doen</li>
</ul>
<h3>Geteste topics</h3>
<ul>
<li>programmatielogica : selectie</li>
</ul>
<h3>Oplossing: </h3>
<form name="frmDeling" id="frmDeling">
<p>
<label for="getal1">getal 1</label>
<input name="getal1" id="getal1" type="text">
</p>
<p>
<label for="getal2">getal 2</label>
<input name="getal2" id="getal2" type="text">
</p>
<p>
<button type="button" id="deKnop">Bereken deling</button>
</p>
</form>
<div class="vb" id="output"></div>
<script>
window.onload = function(){
}
var eKnop = document.querySelector('#deKnop');
eKnop.onclick = deling;
var eGetal1 = document.getElementById("getal1");
var eGetal2 = document.getElementById("getal2");
var sBericht = "Het resultaat van uw deling is ";
var nGetal1 = parseInt(eGetal1.value);
var nGetal2 = parseInt(eGetal2.value);
function deling(){
if(nGetal1>=nGetal2 && nGetal1!=0 && nGetal2!=0){
var kleinste = nGetal2;
console.log(sBericht + kleinste);
}
if (nGetal1<=nGetal2 && nGetal1!=0 && nGetal2!=0){
var grootste = nGetal2;
console.log(sBericht + grootste);
}
if (kleinste==0 | grootste==0){
alert("Men kan niet delen door nul.");
}
var nTotaal= grootste/kleinste;
sBericht = sBericht + nTotaal;
var eOutput = document.querySelector('#output');
eOutput.innerHTML = sBericht;
}
</script>
</body>
</html>
Laatst bewerkt door een moderator: