Quiero guardar el valor de un elemento de entrada en una variable. Pero me está devolviendo esto - [objeto HTMLInputElement]
Aquí está mi HTML -
function userSubmit() { let username = document.getElementById('userName'); let password = document.getElementById('passWord'); alert(username) } <!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="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <title>BOM - Create Account</title> </head> <body> <header> <h1 class="heading">Welcome to Bank of Maharashtra.</h1> </header> <div class="container"> <h1 class="sub-heading">Create your account -</h1> <div class="sub-container"> <label for="#userName">Username:</label> <input type="text" name="" id="userName"> <br> <label for="#passWord">Password:</label> <input type="password" name="" id="passWord"> <br> <input onclick="userSubmit()" type="submit" value="Confirm" id="confirm"> </div> <img class="logo" src="bank_img3.webp" alt="" srcset=""> </div> <script src="script.js"></script> </body> </html>No obtengo el nombre de usuario que he escrito en el campo de entrada. Porfavor ayudame a resolver este problema. Gracias
Esto registrará la input en sí, no su valor, debe registrar input.value
function userSubmit() { let username = document.getElementById('userName'); let password = document.getElementById('passWord'); alert(username.value) alert(password.value) } <!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="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <title>BOM - Create Account</title> </head> <body> <header> <h1 class="heading">Welcome to Bank of Maharashtra.</h1> </header> <div class="container"> <h1 class="sub-heading">Create your account -</h1> <div class="sub-container"> <label for="#userName">Username:</label> <input type="text" name="" id="userName"> <br> <label for="#passWord">Password:</label> <input type="password" name="" id="passWord"> <br> <input onclick="userSubmit()" type="submit" value="Confirm" id="confirm"> </div> <img class="logo" src="bank_img3.webp" alt="" srcset=""> </div> <script src="script.js"></script> </body> </html>[object HTMLInputElement] es solo una representación de cadena de su objeto de nombre de username . {value: 'Users name'}
alert(JSON.stringify(username))te dará una idea de lo que quieres ver.