Untitled

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


<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Тег IMG</title>
</head>
<body>
<input id='input' type="text" class="input" >
<button class="button">Кликни сюда</button>
<input id='input1' type="text" class="input" >

<div class="result"></div>
<script>

    let button = document.querySelector('.button');
    button.addEventListener('click', function() {
        let input = document.getElementById('input').value;
        document.getElementById('input').value = input1.value;
    });
    let button1 = document.querySelector('.button');
    button.addEventListener('click', function() {
        let input = document.getElementById('input').value;
        document.getElementById('input1').value = input.value;
    });

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

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