У меня есть несколько созданных js кнопок от GeeksforGeeks, но я не знаю, как нажимать на кнопки. Я могу создать кнопку, используя код, который я нашел в Интернете, но не было объяснения, как заставить эту кнопку иметь функцию нажатия.

0
MatthewProSkils 31 Май 2020 в 17:07

6 ответов

Лучший ответ
let btn = document.createElement("button"); 
btn.innerHTML = 'hello';
btn.addEventListener('click',function(){
  console.log('click clock!');
});
document.body.appendChild(btn);

Вот как вы должны реализовать. btn.addEventListener('click',funcName) ;

Бывший.

function onClick(){
   //Your Code..
}
btn.addEventListener('click',onClick);
1
Sankalp Bhamare 31 Май 2020 в 14:14
<body>

    <script>

        var button = document.createElement('BUTTON');
        button.setAttribute('id','btn');
        document.body.appendChild(button);

        var buttonById = document.getElementById('btn');
        buttonById.textContent = 'button is not clicked';

        buttonById.addEventListener('click',buttonClickFuntion);

        function buttonClickFuntion() {
            buttonById.textContent = 'button clicked';
        }

    </script>

</body>
0
Gurami Nikolaishvili 31 Май 2020 в 14:16

Вы можете сделать это с JS и jQuery, проверьте оба решения.

Для JS используйте onlick для кнопки, с jQuery используйте функцию .click

function runMe(){
 alert('I am executed with Pure JS');
}

$('document').ready(function(){
  $('#jQueryBubmit').click(function(){
    alert('I am executed with jQuery');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="submit" value="Submit" onclick="runMe();">Submit</button>

<button id="jQueryBubmit" value="Submit">Submit with jQuery</button>
0
Atul Rajput 31 Май 2020 в 14:14

Атрибут onclick = "java_script_function ()" можно использовать для обработки события нажатия на кнопку.

Вот рабочий пример:

<!DOCTYPE html>
<html>
    <body>
        <button onclick="clickDemo()">On-click Demo</button>
        <hr>
        <span id="result"></span>
        <script>
            function clickDemo() {
                document.getElementById("result").innerHTML = "Button was clicked";
            }
        </script>
    </body>
</html>

< Сильный > Вывод :

enter image description here

Дополнительная информация:

https://www.w3schools.com/jsref/event_onclick.asp

0
Gopinath 31 Май 2020 в 14:31
<!DOCTYPE html>
<html>
    <body>
        <button id="btnDemo">On-click Demo</button>
    </body>
</html>

Код JavaScript:

var btn = document.getElementById('btnDemo');
btn.onClick = function(){
  alert('button is clicked..');
}

Код Jquery:

var btn = $('#btnDemo');
btn.click(function(){
  alert('button is clicked..');
});
0
Hamid 31 Май 2020 в 15:10

Это так просто, как показано ниже:

<button id="submit" value="Submit" onclick="getData();">Submit</button>

function getData(){
// your logic  

}
1
Harmandeep Singh Kalsi 31 Май 2020 в 14:11