How to clear contents of multiple s by one button

Question

<input type="text" placeholder="A" id="A" autocomplete="off"/>
<input type="text" placeholder="B" id="B" autocomplete="off"/>

<button class="smallbutton" onclick="document.getElementsByTagName('input').value = ''">Clear</button>

I tried using getElementsByTagName but it doesn't seem to work. What else needs to be done? Or what else can be done besides TagName?

getElementsByTagName returns a node list. You need to iterate — mplungjan, Jun 11 '20 at 06:46
Better alternative to getElementsByWhatever is document.querySelectorAll — mplungjan, Jun 11 '20 at 06:47

score -1 · Answer 1 · answered Jun 11 '20 at 06:47

-1

<input type="text" value="John"><br><br>
<input type="text" value="Doe"><br><br>

<button class="smallbutton" onclick="[...document.querySelectorAll('input[type=text]')].forEach(input => input.value = '')">Clear</button>

answered Jun 11 '20 at 06:47

Nikita Madeev

4,284
9
20

How to clear contents of multiple s by one button

1 Answers1