Вот есть функция, которая создает новые элементы, предположим так:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>выпвып</title>
</head>
<body>
<button>создать новый элемент</button>
<!--<button>удалить последнее действие функции go()</button>-->
<script>
var w = window.innerWidth - 20;
var h = window.innerHeight - 20;
function go() {
function colorw() {
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
return "rgb(" + r + ", " + g + ", " + b + ")";
}
var a = document.createElement("div");
a.style.width = "20px";
a.style.height = "20px";
a.style.position = "absolute";
a.style.borderRadius = "5px";
a.style.top = Math.round(Math.random()*h) + "px";
a.style.left = Math.round(Math.random()*w) + "px";
a.style.background = colorw();
document.body.appendChild(a);
}
var b = document.getElementsByTagName("button")[0];
b.addEventListener("click", go);
</script>
</body>
</html>
При клике на кнопку, создается новый элемент.
Хотелось бы написать функцию, которая удаляла предыдущее действие вышенаписанной функции.
Подскажите, как это сделать?