Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
Artur zhitkovic
14 / 1 / 1
Регистрация: 24.10.2014
Сообщений: 106
1

Написать сценарий, который при вводе текста в текстовом поле будет формировать элемент списка с этим текстом

25.10.2016, 22:40. Просмотров 993. Ответов 2
Метки нет (Все метки)

Напишите сценарий, который при вводе текста в текстовом поле (<input type=”text”>), после нажатия кнопки «Добавить», будет формировать ниже элемент списка (параграфа) с этим текстом (getElementById, createElement, appendChild).
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.10.2016, 22:40
Ответы с готовыми решениями:

Автодополнение текста при вводе в поле
Hi ALL! Реально ли сделать автодополнение текста при вводе для поля Dialog List (дополнение...

Написать сценарий, который при нажатии на гиперссылку меняет фоновый цвет элемента на прозрачный
Напишите сценарий, который при нажатии на гиперссылку меняет фоновый цвет элемента с классом .play...

Скрипт, который при клике мышью на элементе с классом 'clicker' будет выводить сообщение c текстом
Помогите написать код скрипта, который при клике мышью на элементе с классом 'clicker' будет...

Заменить запятые на точки при вводе текста в текстовое поле
Как при вводе в текстовое поле менять запятые на точки, так сказать на горячую? то есть пишем...

Как сделать чтобы при вводе текста в поле, при введении каждого нового символа фильтр обновлялся, а текст в по
Написал фильтр для поля формы, он как только фокус возвращается в поле, весь текст выделяется и при...

2
kalabuni
супермизантроп
Эксперт JS
3376 / 2679 / 638
Регистрация: 18.04.2012
Сообщений: 8,104
26.10.2016, 01:55 2
Лучший ответ Сообщение было отмечено Artur zhitkovic как решение

Решение

Javascript
1
2
3
4
5
6
7
8
9
10
11
function myFunc ()
    {
    var par = document.createElement ('p');
    par.style.backgroundColor = '#ccc';
    par.style.color = 'red';
    par.style.width = '50%';
    par.style.textAlign = 'center';
    par.style.padding = '4px';
    par.innerHTML = document.getElementById ('mytext').value;
    document.body.appendChild (par);
    }
строки ##4-8 скрипта добавлены исключительно "для красоты", можете их убрать
HTML5
1
2
3
4
5
6
<body>
 
<input id="mytext" placeholder="Введите текст параграфа">
<input type="button" value="Добавить параграф" onclick="myFunc ()">
 
</body>
1
malafala
13 / 13 / 16
Регистрация: 31.12.2015
Сообщений: 85
26.10.2016, 09:06 3
Javascript
1
2
3
4
5
6
7
8
var input = document.getElementById('input'),
        but = document.getElementById('but');
but.addEventListener('click', function () {
    var p = document.createElement('p');
    p.innerHTML = input.value;
  p.classList.add('test');
  document.body.appendChild(p);
});
Добавлено через 5 минут
https://jsfiddle.net/yq6uvx81/
Наглядный пример
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.10.2016, 09:06

Зачем надо запрещать хтмл теги при вводе юзером текста в поле?
&lt;&gt; и нужно ли ето запрещать? Добавлено через 10 минут затупил тема снята. ответ кого...

Как реализовать ComboBox, который при вводе текста выдает все возможные варианты
Здраствуйте, подскажите как реализовать combobox в который вводишь фрагмент текста он выдает все...

При наведении мышкой на название ягоды из списка ягод показать ее описание в текстовом поле
Написать сценарий, в котором при наведении мышкой на название ягоды из списка ягод будет появляться...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru