3

Quiero agregar texto a un textarea tantas veces yo le haga clic al botón pero este solo se agrega una vez, después ya no deja agregarlo.

Código:

let enviar = document.getElementById('id')
enviar.addEventListener('click', function() {
  let area = document.getElementById('area')
  let saludo = "texto"
  console.log("hola")
  area.innerHTML = saludo;
})
 

   <!DOCTYPE html>
    <html lang="en">

    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>

    <body>
      <textarea name="" id="area"></textarea>
      <button id="id">enviar</button>
    </body>

    </html>

El resultado esperado era darle clic, aparece texto, eliminar texto por parte del usuario, volver a darle clic y que aparezca el texto otra vez.

4
  • 1
    concatena y no reemplaces area.innerHTML += saludo;
    – Christian
    el 8 jul. 2021 a las 15:45
  • pero si lo eliminas ya no agrega nada el 8 jul. 2021 a las 15:49
  • a que te refieres con eliminar?
    – Christian
    el 8 jul. 2021 a las 15:50
  • darle clic al textarea y quitarlo con la tecla. el 8 jul. 2021 a las 15:56

1 respuesta 1

2

El atributo innerHTML sirve para insertar código html y es muy usado al momento de tener templates, pero en tu caso no quieres insertar un html, sino que quieres cambiar el valor del elemento, por lo que tienes que usar su atributo value

let enviar = document.getElementById('id')
enviar.addEventListener('click', function() {
  let area = document.getElementById('area')
  let saludo = "texto"
  console.log("hola")
  area.value = saludo;
})
<!DOCTYPE html>
    <html lang="en">

    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>

    <body>
      <textarea name="" id="area"></textarea>
      <button id="id">enviar</button>
    </body>

    </html>

1
  • Me sirvió muchas gracias. el 8 jul. 2021 a las 16:08

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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