使用JavaScript为名片添加功能

使用JavaScript为名片添加功能：
点击名字，弹出对话框显示名字；
点击电话，弹出对话框显示电话；
点击地址，弹出对话框显示地址。

小魔女参考了bing和GPT部分内容调写:
使用JavaScript为名片添加功能：
可以使用JavaScript的事件处理函数，为名片中的名字、电话和地址添加点击事件，当用户点击时，弹出对话框显示相应的信息。

例如，为名片中的名字添加点击事件：

<div class="name">张三</div>

<script>
  // 为名片中的名字添加点击事件
  const nameEle = document.querySelector('.name');
  nameEle.addEventListener('click', () => {
    // 弹出对话框显示名字
    alert('张三');
  });
</script>

同理，为名片中的电话和地址添加点击事件：

<div class="phone">123456789</div>
<div class="address">深圳市南山区科技园</div>

<script>
  // 为名片中的电话添加点击事件
  const phoneEle = document.querySelector('.phone');
  phoneEle.addEventListener('click', () => {
    // 弹出对话框显示电话
    alert('123456789');
  });

  // 为名片中的地址添加点击事件
  const addressEle = document.querySelector('.address');
  addressEle.addEventListener('click', () => {
    // 弹出对话框显示地址
    alert('深圳市南山区科技园');
  });
</script>

回答不易，记得采纳呀。

你的名片是什么格式的？

<!-- 在HTML中添加名片元素 -->
<div class="card">
  <p>Name: <a href="#" onclick="showName()">成龙</a></p>
  <p>Phone: <a href="#" onclick="showPhone()">123-456-7890</a></p>
  <p>Address: <a href="#" onclick="showAddress()">北京市</a></p>
</div>

<!-- 在JavaScript中定义函数来显示对应的信息 -->
<script>
  function showName() {
    alert('成龙');
  }
  
  function showPhone() {
    alert('123-456-7890');
  }
  
  function showAddress() {
    alert('北京市');
  }
</script>