Javascript 如何将单击按钮的文本内容保存到变量

我是JavaScript新手，我正在尝试将点击按钮的文本内容保存到一个变量，我知道这是可能的，但我不知道怎么做

<div class="keyrow">
<button>q</button>  
<button>w</button>  
<button>e</button>  
<button>r</button>
<button>t</button>  
<button>y</button>  
<button>u</button>  
<button>i</button>
<button>o</button>  
<button>p</button>
</div>

Q
W
E
R
T
Y
U
我
o
P

我在想这样的事情

let keypress=document.querySelector（'.keyrow'）.onclick

keypress=keypress.textContent

任何帮助都将不胜感激。
例如，如果您的变量是q代表q，请添加此项

<button onclick="saveVariable(q);" id="q">q</button>

还有，让我们不要var。
将函数的参数更改为需要保存到变量的任何参数。
希望这有帮助。

document.querySelector（'.keyrow'）.onclick=function（事件）{
var a=event.target.innerHTML；
控制台日志（a）；
}

Q
W
E
R
T
Y
U
我
o
P
来自@karhough-s的答案更好，但如果您想进一步探索，请将我的答案留在这里

试试这个：

    // Loop through all buttons inside keyrow
    document.querySelectorAll('.keyrow button').forEach((button) => {
        // Add listener to click event on all of those button
        button.addEventListener('click', (event) => {
              console.log(event.target.textContent); // content of the button - you can do anything with this here.
        });
    });



let obj=document.getElementById（“keyro”）；
让瓦里；
obj.addEventListener（'click'，函数（事件）{
vari=event.target.textContent；
警报（vari）；
});

Q
W
E
R
T
Y
U
我
o
P

var bb=document.querySelectorAll（'.keyrow>button'）；
for（设i=0；i
    // Loop through all buttons inside keyrow
    document.querySelectorAll('.keyrow button').forEach((button) => {
        // Add listener to click event on all of those button
        button.addEventListener('click', (event) => {
              console.log(event.target.textContent); // content of the button - you can do anything with this here.
        });
    });