Как я могу заставить мою вторую кнопку иметь функцию onclick

Question

Я создал кнопку, в которой при нажатии создается другая кнопка, но я не уверен, как создать событие onclick для этой кнопки

function boyFunction(){
    var btn1 = document.createElement("BUTTON");
    var x = document.createTextNode("basketball");
    btn1.appendChild(x);
    document.body.appendChild(btn1);
    btn1.classList.add('btn1');
}

Я хочу иметь возможность нажимать кнопку баскетбола, и эта кнопка показывает изображение

Answer 1

Вы можете просто сделать это

 function boyFunction(){
        var btn1 = document.createElement("BUTTON");
        btn1.addEventListener('click',()=>console.log('clicked'));
        var x = document.createTextNode("basketball");
        btn1.appendChild(x);
        document.body.appendChild(btn1);
        btn1.classList.add('btn1');
    }

Answer 2

Три вещи должны были быть сделаны.

Сначала вашему новому элементу потребуется идентификатор

btn1.setAttribute("id", "myButton");

Для вашего нового элемента необходимо будет создать

обработчик события click

document.getElementById("myButton").addEventListener("click", myButtonClickHandler);

и тогда вы определите свой обработчик кликов в новой функции

function myButtonClickHandler {
// my code
} 

Ваш код после внесения вышеуказанных изменений будет выглядеть следующим образом:

function boyFunction(){
    var btn1 = document.createElement("BUTTON");
    btn1.setAttribute("id", "myButton");
    var x = document.createTextNode("basketball");
    btn1.appendChild(x);
    document.body.appendChild(btn1);
    btn1.classList.add('btn1');

    document.getElementById("myButton").addEventListener("click", myButtonClickHandler); 
}

function myButtonClickHandler {
// my code
}

Answer 3

Может работать так:

function boyFunction(){
    var btn1 = document.createElement("BUTTON");

    // your "onclick function" goes here
    btn1.onclick = function () { };

    var x = document.createTextNode("basketball");
    btn1.appendChild(x);
    document.body.appendChild(btn1);
    btn1.classList.add('btn1');
}

Answer 4

Вы можете добавить обработчик кликов следующим образом:

document.getElementById('button').onclick = function() {
   alert("button was clicked");
}​;​

конечно, вам нужно присвоить новой кнопке идентификатор кнопки или любой другой выбранный вами идентификатор