单击按钮如何更改图像？

如何解决单击按钮如何更改图像？

我试图通过单击div而不是按钮元素来更改图像src。但这不起作用。

这是我的html：

 <figure class = "imgContainer">
<img class = "image" id = "image" src = " " alt = "activeimage">

 <div class = "buttonsContainer" id = "btctn1">
      <div class = "button" id = "btn1"></div>
      <div class = "button" id = "btn2"></div>
      <div class = "button" id = "btn3"></div>
      <div class = "button" id = "btn4"></div>
    </div>

javascript：

function setSrc() {
  let mysrc = "assets/chad.jpg";
  const img = document.getElementById("image");

  if(img != mysrc){
    img.src = msrc;
  }

 const btn1=document.getElementById("btn1");
  btn1.addEventListener("click",setSrc);

解决方法

在javascript中，您可以在div标签上使用send(sockfd,sendbuffer,4,0); 事件来调用javascript函数。在该函数中，创建一个图像网址数组，然后根据div标签发送的索引选择一个网址。

尝试以下代码：

onclick