如何在单击按钮时弹出不同的名称？

要在单击按钮时弹出不同的名称，可以使用JavaScript来实现。以下是一个简单的示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Button Click Example</title>
</head>
<body>
    <button id="button1">Button 1</button>
    <button id="button2">Button 2</button>

    <script>
        document.getElementById('button1').addEventListener('click', function() {
            alert('Button 1 clicked!');
        });

        document.getElementById('button2').addEventListener('click', function() {
            alert('Button 2 clicked!');
        });
    </script>
</body>
</html>

解释

HTML部分：
- 创建两个按钮，分别命名为Button 1和Button 2。

JavaScript部分：
- 使用document.getElementById获取按钮元素。
- 为每个按钮添加click事件监听器。
- 在事件监听器中，使用alert函数弹出不同的名称。

应用场景

这种方法常用于用户界面交互，例如在用户点击不同按钮时显示不同的提示信息或执行不同的操作。

可能遇到的问题及解决方法

按钮未找到：
- 确保按钮的id与JavaScript代码中的id一致。
- 确保JavaScript代码在HTML文档加载完成后执行，可以将JavaScript代码放在<body>标签的底部，或者使用DOMContentLoaded事件。
- 确保JavaScript代码在HTML文档加载完成后执行，可以将JavaScript代码放在<body>标签的底部，或者使用DOMContentLoaded事件。