Quiero crear una funcion en la que reciba como parametro un valor de temperatura en celsius y lo que convierta ese valor a fahrenheit. Estoy teniendo problemas para mostrar el mensaje en un parrafo del valor de la conversion realizada.
Mi codigo HTML consiste en un input de tipo numerico y un boton que al ser presionado muestre la conversion realizada. Cuando aprieto el boton no se muestra ningun mensaje. Este es el codigo:
window.addEventListener("load", inicio);
function inicio (){
document.querySelector("#btn").addEventListener("click", mostrarEjercicio);
}
function convertirCelsiusAFahrenheit(temperatura) {
let conversion = (temperatura * 1.8) + 32;
return conversion;
}
function mostrarEjercicio(){
let laTemperatura = Number(document.querySelector("#val1").value);
let temperaturaEnFahrenheit = convertirCelsiusAFahrenheit(laTemperatura);
if (temperaturaEnFahrenheit) {
mensaje = "la temperatura en fahrenheit es "+conversion;
}
document.querySelector("#resultado").innerHTML = mensaje;
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="Ejercicio.js"></script>
</head>
<body>
<form>
<label for="val1">Ingrese temperatura:</label>
<input type="number" id="val1"><br>
<input type="button" value="Convertir" id="btn">
</form>
<p id="resultado"></p>
</body>
</html>
Agradezco cualquier ayuda y mejoras.
Uncaught ReferenceError: conversion is not defined
-> ese es tu error. Solución -> declara conversión fuera de las funciones para que sea global. fiddle