Транслировать текст, набранный в <input type=text>, в элемент <div>

@Kolobos · Регистрация: 05.10.2021

Студворк — интернет-сервис помощи студентам

Помогите совсем новичку.
Задание: Создать на странице элемент HTML <input type=text> элемент <div></div>. Написать обработчики событий так, чтобы при наборе текста в элементе <input...> он так же появлялся и в элементе <div></div>, причем все буквы "a", набираемые в элементе <input...> при выводе в элемент <div></div> замещались бы на букву "A".

Пока разбираюсь с транслированием текста в <div>, думала, что как-то так:

JavaScript
1
function my_change() {document.getElementById('div3').innerHTML='text1'.value;}

PHP/HTML
1
2
<input type=text id="text1" 
                 onChange="my_change();">

Но пишет "undefined".
Я совсем новичок, буду очень признательна за помощь.

@amr-now · 05.10.2021, 15:17

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <input type="text">
    <div></div>
    <script>
        let input = document.querySelector("input"),
            div = document.querySelector("div");
 
        input.oninput = function () {
            div.textContent = input.value.replaceAll("a", "A");
        }
    </script>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

Транслировать текст, набранный в <input type=text>, в элемент <div>

Решение