<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Classwork</title>
</head>
<body>
<div id="one">one</div>
<script>
var divone = document.getElementById("one");
divone.insertAdjacentHTML("afterEnd", "<div id='two'>two</div>");
var divtwo = document.getElementById('two');
divtwo.onClick = "click()";
function click() {
divtwo.insertAdjacentHTML("beforeBegin", "<div id='two_first'>two_first</div>");
divtwo.id = "two_second";
divtwo.innerHTML = "two_second"
}
</script>
</body>
</html>
Задание:1) Добавьте после дива с id=one еще один див с текстом two и id=two 2) На клик по id=two добавьте перед ним див с id - two_first, а див с id=two измените на two_second
Консоль ошибок не выдает, просто ничего не происходит когда кликаю по 2 div'у, как исправить?