¿Cómo crear un botón que al hacer click se escriba una palabra en un textarea?[Resolved]

Answers:

•  

    0  

   

   

  Daniel Diaz Karma: 7

   
  Date: 25-11-2020 14:18:37 Con jquery podrias hacer esto $('#textarea').val('<tag></tag>')   Votes: 0 - Link answer
   
•  

    0  

   

   

  Braylin Payano Karma: 1227

   
  Date: 27-11-2020 08:29:50 Logre hacer lo que quiero con este pequeño código que realice yo mismo, no será la mejor forma de hacerlo pero es la forma en que mi logica me lo permitió.
  
  HTML5:
  

   <button id="p" type="button" class="waves-effect pink darken-2 btn">p
                              </button>
  
                              <button id="strong" type="button" class="waves-effect pink darken-2 btn">strong
                              </button>
  
                              <button id="b" type="button" class="waves-effect pink darken-2 btn">B
                              </button>
  
                              <button id="a" type="button" class="waves-effect pink darken-2 btn">Enlace
                              </button>
  
                              <button id="h2" type="button" class="waves-effect pink darken-2 btn">h2
                              </button>
  
                              <button id="h3" type="button" class="waves-effect pink darken-2 btn">h3
                              </button>
  

  
  
  Código JS:
  

  var cuerpo = document.querySelector('#cuerpo');
  var parrafo = document.querySelector('#p');
  var strong = document.querySelector('#strong');
  var b = document.querySelector('#b');
  var a = document.querySelector('#a');
  var h2 = document.querySelector('#h2');
  var h3 = document.querySelector('#h3');
  
  parrafo.addEventListener('click', () => {
      cuerpo.value += "<p></p>";
  });
  
  strong.addEventListener('click', () => {
      cuerpo.value += "<strong></strong>";
  });
  
  b.addEventListener('click', () => {
      cuerpo.value += "<b></b>";
  });
  
  a.addEventListener('click', () => {
      cuerpo.value += "<a href='' class='blue-text'></a>";
  });
  
  h2.addEventListener('click', () => {
      cuerpo.value += "<h2 class='flow-text'></h2>";
  });
  
  h3.addEventListener('click', () => {
      cuerpo.value += "<h3 class'flow-text'></h3>";
  });

  
  
  Logre solucionar este problema yo mismo.   Votes: 0 - Link answer