Почему не работает onblur на textarea?
Задание: Создайте div, который превращается в textarea, если на него кликнуть. textarea позволяет редактировать HTML в элементе div. Когда пользователь переводит фокус, textarea превращается обратно в div, и его содержимое становится HTML-кодом в div.
HTML
<body>
<div id="area" tabindex="3"></div>
<script src="site 2.js"></script>
</body>
JS
area.onclick = function() {
this.outerHTML = `<textarea id="area">${area.innerHTML}</textarea>`
}
area.onblur = function() {
this.outerHTML = `<div id="area">${area.innerHTML}</div>`
}
С превращением в textarea проблем нет, а вот обратно в div не превращается. Почему?