El botón borrar no funciona para borrar list-group history
//html <button class="btn btn-primary mb-3" type="button" id="clear-inputs" onclick="clearIt()"> Clear history </button> <form id="history"></form> <div class="list-group" id="history"></div> //javascript clear button function function clearIt() { document.getElementById('history').value = ""; }Tienes dos elementos con la misma id (el <form> y el <div> ). Los navegadores mostrarán esto, pero no es un html válido, ya que se supone que el atributo id es único para un elemento. getElementById() tomará el primer elemento con la id designada.
El segundo problema con su html es que ni el form ni los elementos div tienen un atributo de value , por lo que no hay nada que deba borrar su función. No está claro en su ejemplo qué elemento se supone que debe borrar su botón. Para <div> , puede intentar configurar document.getElementById('yourUniqueId').innerHtml = "" . Eso borrará cualquier html dentro de <div> .
tiene dos identificaciones de 'historial'; no es una buena práctica
use 'innerhtml' en lugar de valor: obtendrá resultados mucho mejores. el valor es mejor para entradas similares como un
Asegúrese de proporcionar una identificación única para sus elementos, 2 elementos arriba tienen la misma identificación, también se debe definir la función antes de llamarla.