No estoy realmente seguro de lo que está sucediendo, pero quiero escribir un programa que ponga comas en un número que ingrese, pero cuando lo ejecuto e ingrese un número, la salida está en blanco. ¿¿¿Alguien puede ayudar???
HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>replit</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="script.js" defer></script> </head> <body> <h1>Enter your number below:</h1> <input type="text" placeholder="Right here" id="number"> <button id="submitButton">Add commas</button><br> <h1 id="numberWithCommas">0</h1> </body> </html>JavaScript:
const number = document.querySelector("#number").value; let answerElement = document.querySelector("#numberWithCommas") const button = document.querySelector("#submitButton"); button.addEventListener("click", () => { answerElement.textContent = number.toLocaleString(); })No estoy muy seguro de lo que está pasando, así que no puedo decirte mucho. Lo siento.
let answerElement = document.getElementById('numberWithCommas'); const button = document.getElementById('submitButton'); button.addEventListener("click", () => { const number = document.getElementById('number').value; answerElement.textContent = Number(number).toLocaleString(); }) Necesita usar Number(x) para que funcione. Además, el number de variable debe definirse después de presionar el botón, cada vez.