How to select all buttons with forEach in JS dom (no jQuery)

Question

I have 3 buttons having class name "btn";
How can select all button by using addEventListener and forEach?
I don't select one by one
HTML codes:

<div class="display">
<input type="number" class="text">
</div>
<div class="buttons">
<input type="button" value="1" class="btn1">
<input type="button" value="2" class="btn">
<input type="button" value="3" class="btn">
</div>

JS code:
const display = document.querySelector(".text"),
btn = document.querySelectorAll(".btn");

btn.addEventListener("click", buttons);

function buttons() {
display.value = btn.value;
};

Answer 1

https://code.sololearn.com/Wa75c0j3ZMQs/?ref=app