單擊“未定義”后，向頁面添加元素時出現問題，我該怎么辦？

Question

我正在學習JS，但不知道該怎么辦。 一個函數必須返回什么？ 如果是，它需要返回什么？

這是我的js的一部分：

const workExamplesAdding = (htmlFirstText, htmlSecondText) => {
htmlFirstText += '<img src="/images/your_img_here1.png" alt="Example of our work" class="work-examples__item-img"><div class="work-examples__item-img--overlay"><a href="#" class="work-examples__item-link"><i class="far fa-eye"></i></a></div>';
htmlSecondText += '<img src="/images/your_img_here2.png" alt="Example of our work" class="work-examples__item-img"><div class="work-examples__item-img--overlay"><a href="#" class="work-examples__item-link"><i class="far fa-eye"></i></a></div>';

document.getElementById("work-examples__item--afterClick").innerHTML = htmlFirstText;
document.getElementById("work-examples__item--afterClick2").innerHTML = htmlSecondText;
document.getElementById("work-examples__item--afterClick3").innerHTML = htmlFirstText;
document.getElementById("work-examples__item--afterClick4").innerHTML = htmlSecondText;
document.getElementById("work-examples__item--afterClick5").innerHTML = htmlFirstText;
document.getElementById("work-examples__item--afterClick6").innerHTML = htmlSecondText;
document.getElementById("work-examples__item--afterClick7").innerHTML = htmlFirstText;
document.getElementById("work-examples__item--afterClick8").innerHTML = htmlSecondText;};

它必須看起來像這樣（沒有未定義）：

但是用undefined看起來很糟糕：

我不能給你html代碼，因為Stack Overflow警告說代碼太多。

調用函數：

const btnClick = (elementIsClicked, element) => {
  elementIsClicked = false;

  function clickHandler() {
    if (elementIsClicked = true) {
      showText();
      workExamplesAdding();
    } else {
      alert("Error");
    };
  };

  // grab a reference to your element
  element = document.getElementById('load-work-examples-btn'); 
  // associate the function above with the click event
  element.addEventListener('click', clickHandler); 
}

Answer 1

哇，問題只是在“ htmlFirstText + = ...”中，我做了“ htmlFirstText = ...”，所以可以！