JavaScript Displaying a Number

Question

I have a question on something. So I have written the code below but I have encountered a problem. What I want to happen is after the computer has generated the random number (in the script) I want that number to display right after agility. Sorry this is vague, but I wasn't sure how to explain what I wanted.

<html>
<body>
<h4> Agility </h4>
<script>
function rollAFunction() {
document.getElementById("diceARoll").innerHTML = Math.floor(Math.random() * 20 + 1)
}
</script>
</body>
</html>

So put the element with id "diceARoll" right after that <h4>. — Pointy
– Pointy, Commented Sep 6, 2015 at 22:26
Yep, what @Pointy said. something like <div id="diceARoll"></div> — Blundering Philosopher
– Blundering Philosopher, Commented Sep 6, 2015 at 22:31

KAD · Accepted Answer · 2015-09-06 22:32:53Z

1

Just add a span with the id you are accessing right after Agility and call the function to fill it.

  <html>
   <body>
   <h4> Agility <span id="diceARoll"></span></h4>
  <script>
function rollAFunction() {
  document.getElementById("diceARoll").innerHTML = Math.floor(Math.random() * 20 + 1)
  }

 rollAFunction();
 </script>
 </body>

answered Sep 6, 2015 at 22:32

KAD

11.2k4 gold badges34 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Callan Heard Over a year ago

You're right, the function does need to be called.. But the question was so vague I wasn't sure if "I want that number to display right after agility" was asking for CSS to style the number directly next to the header!

Callan Heard · Accepted Answer · 2015-09-06 22:32:07Z

0

Place the desired element with an id of 'diceARoll' directly after the <h4> element, like so (using a <div> as an example):

<h4> Agility </h4>
<div id="diceARoll"></div>

answered Sep 6, 2015 at 22:32

Callan Heard

7271 gold badge8 silver badges19 bronze badges

Comments

intboolstring · Accepted Answer · 2015-09-06 22:36:11Z

0

Is this what you want?

<!Doctype html>
<html>
<body>
<script>

document.write("<h4> Agility " +  Math.floor(Math.random() * 20 + 1) +      "</h4>")
</script>
</body>
</html>

answered Sep 6, 2015 at 22:36

intboolstring

7,1305 gold badges32 silver badges45 bronze badges

Collectives™ on Stack Overflow

JavaScript Displaying a Number

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related