0

Tengo un <input type="text"> y quiero que el cliente escriba varias respuestas, y luego pasar cada una a un array. Puedo pedirle que separe sus respuestas con comas y luego usar split() para saparar la cadena recibida y convertirla en array, pero me parece poco intuitivo para el cliente y puede generar errores muy fácilmente. Hay alguna forma de que el cliente pueda escribir varias respuestas y que sea intuitiva la forma de separarlas? Dejo un pequeño ejemplo del código. De antemano agradezco mucho sus respuestas

  <label for="fabs">Cuáles son tus pasatiempos favoritos</label>
  <input type="text" id="favs">
3
  • 2
    Seria mejor que uses textarea para el control en vez de un input y como separador el usuario pueda usar los saltos de linea. Lo que debes hacer es recorrer la cadena char en char appeneandola en otra variable tipo string str_2+=str_1[i]; hasta llegar al salto de línea, guardamos el valor de str_2 en un array array[u]=str_2;u++;, vaciamos la variable str_2="" y repetimos todo hasta el final de esa cadenal. Suerte con tu tarea : ).
    – DABL03
    Commented el 2 ago. 2022 a las 2:35
  • 1
    @DanielBriceño Gracias por tu respuesta, pero no entendí bien lo que dices. Me parece mejor hacer un .split(\n) para separar las respuestas del textarea y formar el array.
    – ZCH
    Commented el 2 ago. 2022 a las 21:58
  • Si... Es mucho más fácil.
    – DABL03
    Commented el 3 ago. 2022 a las 4:19

1 respuesta 1

0

Tengo un ejemplo para que analices, los ejemplos siempre ayudan

<input id="myInput" value="Some text..">
<button onclick="showHobbies()">Show hobbies</button>

<script>
    var input = document.getElementById("myInput");
    let hobbies = [];
    input.addEventListener("keypress", function(event) {
      if (event.key === "Enter") {
        event.preventDefault();
        hobbies.push(document.getElementById('myInput').value);
        document.getElementById('myInput').value = "";
      }
    });

    function showHobbies() {
        alert(hobbies.toString());
    }
</script>
5
  • Muchas veces los ejemplos son útiles, pero ayudan más cuando tienen una explicación sobre cómo funcionan. Por favor, considera editar tu respuesta para describir el funcionamiento de tu propuesta.
    – Triby
    Commented el 2 ago. 2022 a las 15:14
  • ¿Tienes problemas para entender estas escasas líneas @Triby?
    – Tiberius
    Commented el 3 ago. 2022 a las 2:11
  • 1
    @Tiberius No se mucho de JavaScript, ¿Me regalas una explicación de lo que hiciste?
    – DABL03
    Commented el 3 ago. 2022 a las 4:17
  • @Tiberius, piensa que quien pregunta no tiene el mismo nivel de conocimientos que tú y por eso es conveniente agregar una explicación, de forma que no solo solucione su problema, sino también sepa cómo funciona.
    – Triby
    Commented el 3 ago. 2022 a las 15:31
  • Para el evento keypress la función que maneja este evento se interesa cuando el usuario presiona Enter, cuando esto sucede lo agrega al final del vector hobbies mediante el método push lo que escribió el usuario. Luego limpia el input con cadena vacía "". La función showHobbies mediante un alert muestra el vector completo, es decir todo lo escrito por el usuario.
    – Tiberius
    Commented el 4 ago. 2022 a las 22:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.