2017-06-11 12 views
1

私はちょうど学校のプロジェクトのためのプログラミングで始まったので、私はプログラミングの大きなnoob。誰かが私の問題を助けてくれることを願っています。どのように私のテキストを配置することができます

私は良いポジションにこれらの番号を取得することができ

どのように、五角形の位置に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

「五角形の位置」はどういう意味ですか? 5つの乱数を生成し、それらをページに配置して五角形を形成したいということですか? – skwidbreth

+0

「五角形の位置」のより良い説明が役立ちます。絵の具のデオドルが始まりです。 – Oisin

答えて

0

私はあなたがdeeemoどこかで使用され、どこかdemmoているため、正しくIdのそれぞれのスペルする必要があると思います。 この種のプログラムは、高校のJavaプログラミングのようなループを使って書くことができます。 CSS

positio:fixed; top:10px; right:10px; left and bottom similarly. の助けを取ると、各番号について、それぞれのdivを作成し、使用すると、1つのdivで試してみると、あなたはどこにでも置くことができ、CSSのATTR位置で遊ぶ必要があるとして、それらを位置決幅。

+0

位置:固定 - 申し訳ありませんが間違って綴りました。 –

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>を変更しました。

+1

ps、これらのスタイリングをcssに追加し、必要に応じて配置することができます – Whoosis

関連する問題