Как сделать новую веб-страницу с кнопками?

Question

/ * плохо на английском sh, извините * /

Я пытаюсь настроить новую вкладку под себя. этот проект содержит модальное окно, и это модальное окно содержит функцию «превращение кнопки в Интернет». но после создания кнопки добавленная кнопка создает проблему. это мой код.

var modal = document.getElementById("ID-modal");
var btnn = document.getElementsByClassName("goto-item")[0];
var span = document.getElementById("modal-cancel");
const modal_complete = document.getElementById("modal-complete");
var goto_content = document.querySelector(".goto-content");
const DEFAULT = "";

btnn.onclick = function() {
  modal.style.display = "block";
}

span.onclick = function() {
  modal.style.display = "none";
}

function addBtn() {
  var text_1 = document.getElementById("modal-text1").value;
  var text_2 = document.getElementById("modal-text2").value;
  if (text_1 == "" || text_2 == "") {
    btn_off();
  } else {
    modal_complete.setAttribute('disabled', 'false');
    var newBtn = document.createElement("input");
    newBtn.type = "button";
    newBtn.value = text_1;
    goto_content.appendChild(newBtn);
    newBtn.setAttribute("onclick", goWeb(text_2));
    modal.style.display = "none";
  }
}

function goWeb(text_2) {
  location.href = text_2;
}

<div class="goto">
  <div class="goto-contain">
    <div class="goto-content">

    </div>
    <div>
      <input type="button" value="Add" class="goto-item" />
    </div>
  </div>
</div>
<div class="modal" id="ID-modal">
  <div class="modal-content">
    <p id="modal-baro">바로가기 추가</p>
    <h7 class="modal-text3">이름</h7><br>
    <input type="text" autocomplete="off" id="modal-text1"><br><br><br>
    <h7 class="modal-text3">URL</h7><br>
    <input type="text" autocomplete="off" id="modal-text2"><br><br><br>
    <span class="modal-span" id="modal-delete">삭제</span>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
    <span class="modal-span" id="modal-cancel">취소</span>&emsp;
    <span class="modal-span" id="modal-complete" onclick="addBtn();">완료</span>
  </div>
</div>
</div>

потому что я понятия не имею, где находится проблемная зона, извините за плохие коды беспорядка.

Есть ли проблемы на goWeb или newBtn. setAttribute?

Answer 1

Чтобы использовать setAttribute, вам нужно будет передать строку:

newBtn.setAttribute("onclick", 'goWeb("' + text_2 + '")');

Но вместо этого я бы просто использовал метод [onclick][1], который создан для этого и работает во всех браузерах:

newBtn.onclick = function() {
  goWeb(text_2)
}

Мы оборачиваем функцию внутри анонимной, чтобы предотвратить ее немедленный запуск.