CODEWITHSUNDEEP
javascriptbuttonprompt
jonah butler
jonah butler

Reputation: 78

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,

Upvotes: 2

Views: 23661

Answers (3)

cylso-_-
cylso-_-

Reputation: 1

If you use an alert box it would look like this: Alert me

<script>
function myFunction() {
  alert("I am an alert box!");
}
</script>

Upvotes: 0

Rico Herwig
Rico Herwig

Reputation: 1712

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);
}

Upvotes: 1

gavgrif
gavgrif

Reputation: 15509

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>

Upvotes: 7

Related Questions