Untitled

Даны два инпута и кнопка. В первый инпут пользователем вводится число. По нажатию на кнопку запишите во второй инпут квадрат введенного числа.

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Тег IMG</title>
</head>
<body>
<input id='input' type="text" class="input">
<button class="button">CLICK</button>
<input id='input1' type="text" class="input">

<div class="result"></div>
<script>
    let input = document.querySelector('.input'),
        button = document.querySelector('.button');
    button.addEventListener('click', function() {
        document.querySelector('input').innerHTML += input.value**2;
    });


</script>
</body>
</html>

Почему не работает?