3-е задание
<html>
<head>
<style>
html,
body {
width: 100%;
height: 100%;
}
.block {
position: absolute;
width: 100px;
height: 100px;
background-color: antiquewhite;
border: 1px solid rebeccapurple;
top: 0;
left: 0;
transition: all 0.5s;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
var block = document.getElementById('block')
document.addEventListener('click', function (e) {
block.style.top = e.y + 'px'
block.style.left = e.x + 'px'
})
})
</script>
</head>
<body>
<div id="block" class="block"></div>
</body>
</html>