Hola, he tenido problemas para aprender HTML CSS y JAVASCRIPT. Nunca lo he intentado y no sé lo básico exactamente y quiero crear una calculadora e incluso para lo básico hice un ejemplo simple de x+1/2 y la respuesta que obtuve es incorrecta aquí está el código
function result() { var x = document.getElementById("constant").value; var y = document.getElementById("height").value; var z = document.getElementById("freq").value; var c = 3 * 10 ** 8; var k = x + 1; var k2 = k / 2; document.getElementById("Calculate").value = k2; } <!DOCTYPE html> <html> <head> <h1>Microstrip Calculator</h1> <p>Enter the following values in numeric form:</p> </head> <body> <form> Di-Electric Constant: <input class="text" Placeholder="Enter Value" id="constant" </input> <br> Di-Electric Height: <input class="text" Placeholder="Enter Value" id="height" </input> <br> Operational Frequency: <input class="text" Placeholder="Enter Value" id="freq" </input> <br> <br> <input type="text" id="Calculate" </input> <input type="button" value="Calculate" onclick="result()"> </form> <br/> </body> </html>Tenga en cuenta que el valor de entrada es siempre una cadena. Y si agrega a una cadena, obtiene una cadena concatenada, es decir:
'1' + 1 === '11'Convierta sus valores de entrada en números para que se comporten como... bueno, números:
var x = Number(document.getElementById("constant").value); var y = Number(document.getElementById("height").value); var z = Number(document.getElementById("freq").value);Las entradas de un formulario son siempre cadenas. Para ilustrar esto, aquí hay un pequeño ejemplo:
a = "2" b = "3" console.log(a + b) // but after convert string to int with the JS Function Number() console.log(Number(a) + Number(b))Esto significa que primero debe convertir todas las entradas de su formulario en números.