Untitled

<!DOCTYPE html>
<html>
<head>
    <title>JAVASCRIPT - доступ к элементам на странице</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        // объект document для доступа к элементам
        // объявляем ф-ю обработчик нажатия на кнопку
        function onButtonClick(){
            // выводим сообщение
            //alert('onButtonClick!!!');
            // объект document для доступа к элементам
            //alert(document);
            // получаем элемент на странице по его идентификатору
            //getElementById - получаем элемент по его идентификатору
            let input = document.getElementById('f1');
            //alert(input);
            // выводим на экран текст который ввел пользователь в поле ввода
            //alert(input.value);
            //
            let divElem = document.getElementById('content');
            //alert(divElem);
            // используем св-во innerHTML
            divElem.innerHTML = input.value;
        }
    </script>
</head>
<body>
    Введите имя:<br>
    <input type="text" name="f1" id="f1">
    <!-- определяем обработчик нажатия на кнопку-->
    <input onclick="onButtonClick()" type="button" name="" value="Выполнить">
    <br>
    <div id="content">MY TEXT!!!</div>
</body>
</html>