当前位置: 动力学知识库 > 问答 > 编程问答 >

Starting a javascript prompt after a button is clicked

问题描述:

If I have a simple button in my html:

<button id="bgnBtn">Start Game</button>

and I want a prompt in my JS:

var userAdjective = prompt("Please provide an Adjective");

to initiate only after the button is clicked, how would I write this?

Can't seem to find this concept out there, at least for one so boiled down to basics like this.

Thanks,

网友答案:

Set an onclick handler for the button and then have it trigger a javascript function - note the use of the alert - just to show the functioning of the function:

function promptMe(){
    var userAdjective = prompt("Please provide an Adjective");
    alert (userAdjective);
}
<button id="bgnBtn" onclick="promptMe()">Start Game</button>
网友答案:

I would recommend attaching an event listener to the button in your JS code.

document.querySelector('#bgnBtn').addEventListener('click', function() {
    var userAdjective = prompt("Please provide an Adjective");
    alert (userAdjective);
}

This example uses an anonymous function for handling the click event. You could also do the following:

document.querySelector('#bgnBtn').addEventListener('click', promptMe);

function promptMe() {
    var userAdjective = prompt("Please provide an Adjective");
    alert (userAdjective);
}
分享给朋友:
您可能感兴趣的文章:
随机阅读: