我该如何定位我的文字

时间:2017-06-11 18:48:35

标签: javascript html random position

我刚开始为学校项目编程,所以我在编程方面是一个很大的菜鸟。我希望有人可以帮我解决我的问题。

我想在五角大楼位置创建5个随机数,

我怎样才能让这些数字处于有利位置? 这就是我的代码:

document.getElementById("demo").innerHTML =
  Math.floor(Math.random() * 6) + 1;

document.getElementById("deemo").innerHTML =
  Math.floor(Math.random() * 6) + 1;

document.getElementById("deeemo").innerHTML =
  Math.floor(Math.random() * 6) + 1;

document.getElementById("demmo").innerHTML =
  Math.floor(Math.random() * 6) + 1;

document.getElementById("demoo").innerHTML =
  Math.floor(Math.random() * 6) + 1;
<!DOCTYPE html>
<html>

<body>

  <p>random number</p>

  <p id="demo"></p>

  <p>random number</p>

  <p id="deemo"></p>


  <p>random number</p>

  <p id="deeemo"></p>



  <p>random number</p>

  <p id="demmo"></p>


  <p>random number</p>

  <p id="demoo"></p>



</body>

</html>

2 个答案:

答案 0 :(得分:0)

我认为你需要正确拼写每个Id,因为你已经在某处使用过deeemo而在某个地方使用了demmo。 这种程序可以通过使用像高中Java编程类似的循环来编写。 借助css的帮助

positio:fixed; top:10px; right:10px; left and bottom similarly. 并为每个数字制作每个div并根据需要尝试使用一个div并使用css的位置attr进行游戏,你可以将它放在任何地方。

答案 1 :(得分:0)

如果我理解正确,我认为你正在尝试做这样的事情:

<html>

<body>

  <span style="margin-left: 200px">random number</span>

  <span id="demo"></span>
<br> 
<br>
  <span style="margin-left: 50px">random number</span>
  <span id="deemo"></span>

  <span style="margin-left:200px" >random number</span>    
  <span id="deeemo"></span>
<br>
<br>

  <span style="margin-left: 50px">random number</span>
  <span id="demmo"></span>

  <span style="margin-left: 200px">random number</span>
  <span id="demoo"></span>

 </body>
 </html>

我使用<p>更改了<span>因为<p>每次调用都会创建换行符。