Estoy tratando de crear una aplicación web y necesito saber la entrada del usuario del formulario.
<form action="" method="get" class="settings"> <div class="settings"> <label for="length">length of character(s): </label> <input type="number" name="length" id="length" placeholder="5" required> <input type="submit" value="Change"> </div> </form>Necesito el formulario para ejecutar js func foo(), así que supongo que debo ponerlo
<form action="" method="get" class="settings"> ↑ ¿Cómo obtengo el valor de id="longitud" y lo uso en form action"foo()" ?
Puede obtener el valor de longitud con document.getElementById("id").value;
Para ejecutar un js desde el formulario, debe usar onsubmit="" en lugar de action=""
onsubmit="" le permite ejecutar una función js al enviar el formulario, mientras que action="" le permite ser redirigido a otra página/sitio al enviarlo.
Leer más sobre action="" en este sitio
Aquí hay un código viable basado en su ejemplo
function foo(){ var lgt = document.getElementById("length").value; alert(lgt); } <form class="settings" onsubmit="foo()"> <div class="settings"> <label for="length">length of character(s): </label> <input type="number" name="length" id="length" placeholder="5" required> <input type="submit" value="Change"> </div> </form>