Help required for simple code

**Speedbird9477** · 11-09-2012, 08:48 AM

Hi,

I have written a simple little random number generator program. However, with my limited knowledge I just can’t get the output result that I want.

This is the code:

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to Generate a Tracker Code.</p>
<button onclick="myFunction()">Generate Tracker Code</button>
<script>
function myFunction()
{
var x=document.getElementById("demo")
x.innerHTML=Math.floor((Math.random()*10000000000)+1);
}
</script>
<STYLE type="text/css">
BODY {text-align: center}
</STYLE>
</body>
</html>

It works well but what I want is just a simple displayed return as in the example below without giving the opportunityto generate another number.

For example I would just like the answer to be:

“Your Tracker Code Is”
XXXXXXXXXX

I am sure the answer is simple but so am I.

**rtrethewey** · 11-09-2012, 11:38 AM

Code:

<!DOCTYPE html>
<html>
<style type="text/css">
#demo {text-align: center}
</style>
<body>
<p id="demo">Your Tracker Code Is<br>
<script>
 document.write( Math.floor((Math.random()*10000000000)+1) );
</script>
</p>
</body>
</html>

**Speedbird9477** · 11-09-2012, 11:59 AM

Thanks for the reply Rick but this just gives me the display on page open. I want to be able to click on the button on the start page then get that answer on a landing page but without showing the button again as per my original code.

**rtrethewey** · 11-09-2012, 01:51 PM

Code:

<!DOCTYPE html>
<html>
<style type="text/css">
#demo, #result {text-align: center}
</style>
<script>
 function myFunction() {
 document.getElementById('demo').style.display = 'none';
 document.getElementById('result').innerHTML = '<p>Your Tracker Code is:<br>' +  Math.floor((Math.random()*10000000000)+1) ;
  }
<body>
<div id="demo">
<p>Click the button to Generate a Tracker Code.</p>
<button onclick="myFunction()">Generate Tracker Code</button>
</p>
</div>
<div id="result"></div>
</body>
</html>

**Speedbird9477** · 11-09-2012, 03:47 PM

Rick,

I have tried to run your code above but just get a blank screen.

**rtrethewey** · 11-09-2012, 07:43 PM

Sorry.. I forgot the closing </script> tag.

Code:

<!DOCTYPE html>
<html>
<style type="text/css">
#demo, #result {text-align: center}
</style>
<script>
 function myFunction() {
 document.getElementById('demo').style.display = 'none';
 document.getElementById('result').innerHTML = '<p>Your Tracker Code is:<br>' +  Math.floor((Math.random()*10000000000)+1) ;
  }
</script>
<body>
<div id="demo"> 
<p>Click the button to Generate a Tracker Code.</p>
<button onclick="myFunction()">Generate Tracker Code</button>
</p>
</div>
<div id="result"></div>
</body>
</html>

**Speedbird9477** · 11-09-2012, 08:12 PM

Hi Rick,

I also missed the closing </script> tag.

Thank you once again for altering my code for me.

Best regards.

**rtrethewey** · 11-09-2012, 11:45 PM

Sorry.. I forgot the closing </script> tag.

Code:

<!DOCTYPE html>
<html>
<style type="text/css">
#demo, #result {text-align: center}
</style>
<script>
 function myFunction() {
 document.getElementById('demo').style.display = 'none';
 document.getElementById('result').innerHTML = '<p>Your Tracker Code is:<br>' +  Math.floor((Math.random()*10000000000)+1) ;
  }
</script>
<body>
<div id="demo"> 
<p>Click the button to Generate a Tracker Code.</p>
<button onclick="myFunction()">Generate Tracker Code</button>
</p>
</div>
<div id="result"></div>
</body>
</html>