Quiero que cuando alguien ingrese un número inferior a 4.2 , mi aplicación muestre message como resultado , pero no puedo hacer que suceda.
Ya probé con return .
codigo js
let resultEl = document.getElementById("results") let numberEl = document.getElementById("number__select") let message = "mAs: 0.5 y kV: 1.0" function calculate() { if (numberEl <= 4.2) { resultEl.textContent = message; } else { resultEl.textContent = "error" } }Código HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styleRx.css"/> <script src="Rxappjs.js"></script> <title>HVDN Rx app</title> </head> <body> <div class="container"> <header> <h1>Valoraciones de Rx</h1> </header> <div class="box"> <form action=""> <div class="values"> <label for="peso" id="peso__label">Peso</label> <input class="text__input" type="number" step="0.1" id="number__select" placeholder="Peso" min="0" required> </div> <button id="calcular" onclick="calculate()">Calcular</button> </form> <p id="results"></p> </div> </div> </body> </html>Tiene la variable numberEl establecida en un elemento html y, por lo tanto, nunca será menor o igual que 4.2. Intenta obtener el valor de ese elemento en su lugar:
let resultEl = document.getElementById("results") let numberEl = document.getElementById("number__select") let message = "mAs: 0.5 y kV: 1.0" function calculate() { if (numberEl.value <= 4.2) { resultEl.textContent = message; } else { resultEl.textContent = "error" } }