Así que estoy tratando de crear una calculadora basada en entrada html, simplemente regresa * Este es un fragmento agregado más tarde, pero ¿Cómo haría esto en jQuery?
[objeto HTMLInputElement][objeto HTMLInputElement]
así que aquí está mi código
<html> <head> </head> <body> <input id="nume" type="number"> <input id="num" type="number"> <input type="button" onclick="MyFunction()" value="Click to calculate"> <p id="f">Value Is: 0</p> </body> <script> const something = document.getElementById("nume") const somethingElse = document.getElementById("num") function MyFunction(){ var values = something + somethingElse; document.getElementById("f").innerHTML = "Value Is: " + values } </script>necesitas obtener valor primero. document.getElementById("nume").value Puede hacerlo de esta manera
function MyFunction(){ var values = Number(document.getElementById("nume").value) + Number(document.getElementById("num").value); document.getElementById("f").innerHTML = "Value Is: " + values } <html> <head> </head> <body> <input id="nume" type="number"> <input id="num" type="number"> <input type="button" onclick="MyFunction()" value="Click to calculate"> <p id="f">Value Is: 0</p> </body>Debe usar Number(document.getElementById("nume").value) para obtener el número real. simplemente usando document.getElementById("nume") está obteniendo el elemento HTML DOM y no el valor del elemento.
<input> <html> <head> </head> <body> <input id="nume" type="number"><br/> <input id="num" type="number"><br/> <input type="button" onclick="MyFunction()" value="Click to calculate"><br/> <p id="f">Value Is: 0</p> </body> <script> function MyFunction(){ var something=document.getElementById("nume").value; var somethingElse = document.getElementById("num").value; document.getElementById("f").innerHTML=Number(something)+Number(somethingElse); } </script>