Guten Nachmittag,
und zwar ich habe ein kleines Problem:
Folgendes:
Ich möchte ich einen, von mir definierten Bereich, weitere divs hinzufügen.
Hierbei stehe ich vor folgenden Problemen:
-Zentrierung der hinzufügenden Div-Elemente
-Hinzufügen der Div-Elemente im übergeordneten Div Bereich.
HTML:
JAVASCRIPT:
CSS:
Ich hoffe mir kann jemand hierbei behilflich sein.
Mit freundlichen Grüßen
-Jack001
und zwar ich habe ein kleines Problem:
Folgendes:
Ich möchte ich einen, von mir definierten Bereich, weitere divs hinzufügen.
Hierbei stehe ich vor folgenden Problemen:
-Zentrierung der hinzufügenden Div-Elemente
-Hinzufügen der Div-Elemente im übergeordneten Div Bereich.
HTML:
HTML:
<body>
<button onclick = "startGame()">Scripttest</button>
<!--<p id = "output"></p>-->
<div id = "viewArea" style = "margin: auto;"></div>
</body>
Javascript:
var gArea = window.document.createElement("div");
window.onload = function(){
gArea.setAttribute("style", "margin: auto; background: red; height: 600px; width: 500px;");
window.document.getElementById("viewArea").appendChild(gArea);
}
function startGame(){
var gElement = window.document.createElement("div");
var rndHeight = getRandomNumber(parseInt(gArea.style.height)-20, false);
var rndWidth = getRandomNumber(parseInt(gArea.style.width)-20, false);
console.log(rndHeight + "|" + rndWidth);
gElement.setAttribute("style", "background: black; height: 20px; width: 20px; position: absolute; top:" + rndHeight + "px;left:" + rndWidth + "px;");
gArea.appendChild(gElement);
}
CSS:
body{
text-align: center;
font-family: arial;
}
Ich hoffe mir kann jemand hierbei behilflich sein.
Mit freundlichen Grüßen
-Jack001