Es la primera vez que codifico con Javascript y no estoy seguro de cómo proceder para corregir este código. He intentado cosas básicas como comprobar que las variables se nombran correctamente. No estoy seguro de qué pasos tomar para corregir este código.
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Convert Fahrenheit to Centigrade</title> </head> <body> <h1>Convert Fahrenheit to Centigrade</h1> <p>Enter degrees in Fahrenheit</p> <input type="number" id="Fahrenheit"> <p>Degrees in Centigrade</p> <input type="number" id="Centigrade"> <br /><br /> <button onclick="doCalculation()">Calculate Centigrade from Fahrenheit</button> <p id="displayResult"></p> <script> var fahrenheit; //var centigrade; var convertedResult; function calculateTemperature(fahrenheit) { var temperature = (fahrenheit - "32") * 5 / 9; return temperature; } function doCalculation(){ fahrenheit = document.getElementById("Fahrenheit").value; //centigrade = document.getElementById("Centrigrade").value; convertedResult = calculateTemperature(fahrenheit) document.getElementById("displayResult").innerHTML+= fahrenheit + "in Centigrade is" + temperature; } </script> </body> </html>La temperature variable que está utilizando dentro del valor que se está imprimiendo no está definida. Si revisa el navegador, la consola, podrá identificar ese error.
El valor del resultado se almacena en la variable convertedResult . Esa variable debe usarse dentro del valor que se está imprimiendo en lugar de temperature
function doCalculation(){ fahrenheit = document.getElementById("Fahrenheit").value; //centigrade = document.getElementById("Centrigrade").value; convertedResult = calculateTemperature(fahrenheit) document.getElementById("displayResult").innerHTML = fahrenheit + "in Centigrade is" + convertedResult; }