是否有可能当我按下按钮 1 时，红色按钮也会变成一个？

Question

我目前正在用 HTML、CSS 和一点点 JS 处理我的第一个现有项目。但是因为我没有写那么长时间的代码，所以我想知道如何确保当我按下按钮 1 时，红色按钮也显示 1。或者，如果我按下按钮 2，红色按钮会显示 2。有人能解释一下你是如何做到的吗？谢谢！

代码片段：

.button1, .button2,{
    border-radius: 4px;
    width: 50px;
    color: black;
}
button:focus{
    border: none;
    color: white;
    background-color: #0000FF;
}
.button3 {
    padding: 8px 100px;
    background-color: red;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    color: black;
    cursor: pointer;
}

<button class="button1">1</button>
                |
<button class="button2">2</button>
<button class="button3">input</button>