0

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.

4
  • Por favor, indica con más claridad qué problemas tienes. Pon en tu pregunta los mensajes de error o los resultados incorrectos.Recuerda que puedes editar tu pregunta cuantas veces sea necesario y añadir la info relevante (en los comentarios no se ve bien el código y abajo sólo van nuestros intentos de respuesta). La opción editar está justo bajo la pregunta y las etiquetas!
    – Alfabravo
    Commented el 6 oct. 2021 a las 14:29
  • Creo que ahora deberia entenderse mejor mi problema. Gracias por el comentario
    – user323111
    Commented el 6 oct. 2021 a las 14:46
  • Uncaught ReferenceError: conversion is not defined -> ese es tu error. Solución -> declara conversión fuera de las funciones para que sea global. fiddle Commented el 6 oct. 2021 a las 14:47
  • let temperaturaEnFahrenheit = convertirCelsiusAFahrenheit(laTemperatura); esta guarda el resultado, mensaje = "la temperatura en fahrenheit es "+conversion; cambia esto por la variable temperaturaEnFahrenheit Commented el 6 oct. 2021 a las 14:51

1 respuesta 1

3

En la función mostrarEjercicio estas tratando de asignar una variable que no existe (conversion). El valor que te devuelve la función lo asignas a temperaturaEnFahrenheit, esa es la variable que debes usar. La variable mensaje también debes declararla, ya sea con const, let o var:

window.addEventListener("load", inicio);

function inicio (){
document.querySelector("#btn").addEventListener("click", mostrarEjercicio);
}

function convertirCelsiusAFahrenheit(temperatura) {
return (temperatura * 1.8) + 32;
}

function mostrarEjercicio(){
let laTemperatura = Number(document.querySelector("#val1").value);

let temperaturaEnFahrenheit = convertirCelsiusAFahrenheit(laTemperatura);
let mensaje;
if (temperaturaEnFahrenheit) {
    mensaje = "la temperatura en fahrenheit es "+ temperaturaEnFahrenheit;
    
}

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>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.