The clear button isn't working to clear 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 = "";
}
You have two elements with the same id
(the <form>
and the <div>
). Browsers will render this, but it is invalid html, as the id
attribute is supposed to be unique to an element. getElementById()
is going to grab the first element with the designated id
.
The second problem with your html is that neither form
or div
elements have a value
attribute, so there is nothing for your function to clear. It is unclear from your example which element is supposed to be cleared by your button. For the <div>
, you could try setting document.getElementById('yourUniqueId').innerHtml = ""
. That will clear any html inside of the <div>
.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments