JavaScript en twee getallen optellen

Status
Niet open voor verdere reacties.

patrickdk

Nieuwe gebruiker
Lid geworden
26 mei 2015
Berichten
4
Hallo,

Ik heb nog niet zoveel ervaring met JavaScript, maar wil mij graag wat meer verdiepen hierin.
Ik ben een opdracht aan het maken en hierbij moet ik 2 tekstvakken maken en een button.
In de tekstvakken moet de gebruiker een getal invoeren en de button moet deze optellen.
Ik kom niet verder dan onderstaande:

<!DOCTYPE html>
<html>
<body>
Voer in elk vak een getal in:
<input type="tekst" id="x" onchange="myFunction1()">
<input type="tekst" id="y" onchange="myFunction2()">
<output type="tekst" id="resultaat" onchange="myFunction()"></output>
<p id="resultaat" = x + y ></p>

<button type="button"
onclick="document.getElementById("resultaat").innerHTML = "x + y"()">
BEREKEN.</button>

<script>
function myFunction1() {
var invoervak1 = document.getElementById("x");
var getal = invoervak1.value;
document.getElementById("x").innerHTML =
"Ingevoerd: " + getal;
}
function myFunction2() {
var invoervak2 = document.getElementById("y");
var getal = invoervak2.value;
document.getElementById("y").innerHTML =
"Ingevoerd: " + getal;
}

</script>
</body>
</html>


Is er iemand die mij kan helpen? Ik hoor het graag.

Groeten Patrick
 
Je bent veel te ingewikkeld bezig. Wat je moet doen is een functie aan de onclick van de button hangen. Die functie moet met getEelementById de waardes van x en y ophalen. Die tel je bij elkaar op en toon je met getElementById en innerHTML in p.

Verder bestaat er geen tag <output> (alleen <input> bestaat). De onchanges mogen weg en '= x + y' in de tag <p> mag ook weg (dat is ongeldige HTML).
 
Dank! Ik kan nu weer verder, had al zo'n vermoeden dat ik veel te ingewikkeld bezig was en dat het makkelijker kon...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan