Javascript Button

I cannot figure out how to create a button, that when clicked will display a pop-up box that shows a conditional statement.
The conditional statement is determined from a random number using: Math.random();

I want the pop-up to display the conditional statement using the following:

Code: Select all: var x=Math.random(); if (x>=0.3) {alert(True);} else {alert(False);}

That's what I have right now. But i don't want it to alert me when the page loads, I want it to alert me when the button is clicked.

Any help would be appreciated.

The simplest way I can think of is just to encompass that bit of script you already have, within the body of a function, and then call that function from an HTML button input. Something like this maybe?

Code: Select all: <html> <head> <script type="text/javascript" language="javascript"> function check() { var result = (Math.random() >= 0.3) ? "True" : "False"; alert( result ); } </script> </head> <body> <input type="button" value="Press Me" onclick="check();" /> </body> </html>

I rewrote your code just a bit. It still does the same thing, just in a different way. There wasn't anything wrong with what you had, I just like to add my own touch to things sometimes.

In work we have a slogan "Just use jQuery and be done with it"

Code: Select all: //import jQuery before this <script> $(document).ready(function() { $('#demButtons').click(function() { alert(Math.random() >= 0.3); // will evaluate to boolean true or false without branching }); }); </script> .... ..... .... <input type="submit" id="demButtons" value="Submit" />

Untested but you should get the gist

OnlyHuman wrote:The simplest way I can think of is just to encompass that bit of script you already have, within the body of a function, and then call that function from an HTML button input. Something like this maybe?

Code: Select all
<html> <head> <script type="text/javascript" language="javascript"> function check() { var result = (Math.random() >= 0.3) ? "True" : "False"; alert( result ); } </script> </head> <body> <input type="button" value="Press Me" onclick="check();" /> </body> </html>

I rewrote your code just a bit. It still does the same thing, just in a different way. There wasn't anything wrong with what you had, I just like to add my own touch to things sometimes.

This did work. Thanks for help :ugeek:

thetan wrote:In work we have a slogan "Just use jQuery and be done with it"<br><br>
Code: Select all
<br>//import jQuery before this<br><br><script><br>$(document).ready(function() {<br> $('#demButtons').click(function() {<br> alert(Math.random() >= 0.3); // will evaluate to boolean true or false without branching<br> });<br>});<br></script><br><br>....<br>.....<br>....<br><br><input type="submit" id="demButtons" value="Submit" /><br>
<br><br>Untested but you should get the gist

I'm just beginning in Javascript. I have no idea what jQuery is. Will look into it when I get a better grasp of JS though.

No problem. But, after you get some practice, you should try thetan's way again. His example is actually significantly cleaner than my own. And jQuery is a pretty powerful tool as well. Take your time though. Rome wasn't built in a day right?

No, rome wasn't built in a day.

However, time is running out. For all of us. Every second we live is a second closer to our deaths.

and to got meta on yo asses
"every night i sleep in this bed i get weaker, and for every night charlie squats in a bush he gets stronger" -Apacolypse Now!

thetan wrote:In work we have a slogan "Just use jQuery and be done with it"

Truth.

jQuery /is/ JS. Shouldn't be too hard to understand jQuery once you get the basics of JS down.

Javascript Button

Javascript Button

Re: Javascript Button

Re: Javascript Button

Re: Javascript Button

Re: Javascript Button

Re: Javascript Button

Re: Javascript Button

Who is online