Question

26

Coin toss with JavaScript and HTML

rated 0 times [ 33] [ 7] / answers: 1 / hits: 31792 / 9 Years ago, sun, august 30, 2015, 12:00:00

I need help fixing my script. Basically, I want it to flip a coin and update a <span> with the result, i.e. if it's heads or tails. At the moment, nothing happens when I click the button.

JavaSript:

var heads = 0;

var tails = 0;

function click() {  

    x = (Math.floor(Math.random() * 2) == 0);

    if(x){

        flip(heads);

    }else{

        flip(tails);

    }

};

function flip(coin) {

    document.getElementById(result).innerHTML = coin;

};

HTML:

<button id=click type=button>CLICK ME</button>

<p>

    You got: <span id=result></span>

</p>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dylondaytond

Add To Favorites

Follow

Total Points: 92

Total Questions: 88

Total Answers: 96

Location: China

Member since Fri, Jan 15, 2021

3 Years ago

dylondaytond questions

1 React Material UI TextField onchange handler continue default action

Fri, Jun 10, 22, 00:00, 2 Years ago

1 React Autocomplete with Material UI

Tue, Jun 22, 21, 00:00, 3 Years ago

1 ERROR Error: formGroup expects a FormGroup instance. Please pass one in

Tue, Sep 22, 20, 00:00, 4 Years ago

1 Implicitly checking if axios call was success

Thu, May 7, 20, 00:00, 4 Years ago

1 Vue split components from a single .js file in multiple files

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 9 Years ago serena · Accepted Answer

That's simply because you need to attach the event handler:

document.getElementById('click').onclick = click;



var heads = 0;

var tails = 0;

function click() {  

    x = (Math.floor(Math.random() * 2) == 0);

    if(x){

    	flip(heads);

    }else{

        flip(tails);

    }

};

function flip(coin) {

    document.getElementById(result).innerHTML = coin;

};

<button id=click type=button>CLICK ME</button>

<p>

    You got: <span id=result></span>

</p>