当一个按钮被点击时，如何组合3个ID？

在前端开发中，当一个按钮被点击时，可以通过以下步骤来组合3个ID：

1. 首先，需要在HTML中定义一个按钮元素，并为其添加一个唯一的ID属性，例如：

<button id="myButton">点击按钮</button>

1. 接下来，在JavaScript中获取按钮元素，并为其添加一个点击事件监听器。可以使用document.getElementById()方法来获取按钮元素，然后使用addEventListener()方法来添加点击事件监听器，如下所示：

var button = document.getElementById("myButton");
button.addEventListener("click", combineIDs);

1. 然后，定义一个名为combineIDs的函数，用于组合3个ID。在该函数中，可以使用document.getElementById()方法获取其他两个ID对应的元素，并将它们的值组合起来，如下所示：

function combineIDs() {
  var id1 = document.getElementById("id1").value;
  var id2 = document.getElementById("id2").value;
  var id3 = document.getElementById("id3").value;
  
  var combinedID = id1 + id2 + id3;
  
  console.log(combinedID);
}

在上述代码中，假设另外两个ID分别为"id1"和"id2"，并且它们对应的元素是输入框。通过使用.value属性，可以获取输入框中的值。然后，将这三个ID组合起来，并将结果打印到控制台。

这是一个简单的示例，展示了如何在按钮点击时组合3个ID。根据实际需求，你可以根据这个思路进行扩展和修改。

注意：以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和优化。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云前端开发相关产品：https://cloud.tencent.com/product/webhosting
• 腾讯云云函数（后端开发）相关产品：https://cloud.tencent.com/product/scf
• 腾讯云软件测试相关产品：https://cloud.tencent.com/product/tencentcloudtest
• 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
• 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
• 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
• 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
• 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ssm
• 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
• 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
• 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
• 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mobiledk
• 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
• 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
• 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr