Javascript-форум - onClick не выполняет свою функцию

<!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'у, как исправить?