Estoy tratando de crear un formulario de vinculación de nombre de usuario, ID y contraseña, pero necesito asegurarme de que el programa reconozca que se ha seleccionado un nombre de usuario. Esto es lo que he hecho;
var usernameBox = document.getElementsByName("uop"); usernameBox.onclick = function(){ if (usernameBox.options[usernameBox.selectedIndex].value == false){ alert("Please choose your username"); } }esto no funciona para mí y soy un principiante en javascript, por lo que no estoy muy familiarizado con muchos de los conceptos, pero para eso está el aprendizaje.
Puede actualizar una variable cada vez que se cambia el elemento 'seleccionar' y luego mostrar la alerta. Puede usar la variable de nombre de username donde quiera. Así es como podrías hacer esto...
var usernameBox = document.getElementById("uop"); let username = usernameBox.value; usernameBox.onchange = (e) => { username = e.target.value; alert(username); }Puede agregar el atributo onchange en el propio HTML, que llama a una función en JavaScript. aquí hay un ejemplo
<input type="text" onchange="inputOnChange()" id="input-username"/> <script> function inputOnChange() { let usernameinput = document.getElementById("input-username"); let username = usernameinput.value; // do whatever u want with the username now console.log(username); } </script>