Функция создает новые элементы, каждый раз прибавляя к значению top 70px.
В результате чего абсолютно позиционированные элементы идут друг за другом
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>выпвып</title>
</head>
<body>
<button id="button">создать новый элемент</button>
<script>
var gfunc = 20;
function newPosition() {
gfunc += 70;
return gfunc + "px";
}
function create() {
var div = document.createElement("div");
div.style.position = "absolute";
div.style.top = newPosition();
div.style.left = "20px";
div.style.width = "200px";
div.style.height = "50px";
div.style.border = "1px solid #000";
document.body.appendChild(div);
}
document.getElementById("button").addEventListener("click", create);
</script>
</body>
</html>
Вопрос:
как сделать функцию newPosition() внутри функции create(), чтобы код приобрел более аккуратный вид?