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
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