Как передать значение input в javascript

Как из input передать данные в функцию

но вообще я бы рекомендовал не использовать здесь click, лучше submit на форму.

 
 submit 
 

(function() < var adduser_input=document.getElementById('add_id_user'); document.getElementById('formIdName').addEventListener('submit',call_add); function call_add() < return add_del(adduser_input.value); >>)(); 

Отслеживать
ответ дан 4 мая 2014 в 9:45
18.1k 20 20 серебряных знаков 42 42 бронзовых знака

Можно и так, но писать функции для каждого поля это не есть хорошо. так как в add_del передается совсем не два параметра а больше. Это я пример такой короткий привел. На самом деле она принимает 5 — 6 параметров, для каждого input свои.

Получаем данные из поля ввода с помощью input.value

Мы научились с помощью скрипта изменять текст на странице, когда пользователь отправляет форму. У нас это форма подписки на рассылку, и нам нужно сообщить пользователю, что он успешно подписался. Сообщение будет выглядеть так:

Адрес e-mail добавлен в список получателей рассылки.

Адрес электронной почты в сообщении должен быть тем, который введёт пользователь. Как его получить?

Нам поможет особое свойство, которое есть у полей ввода, — value . Допустим, на странице есть поле ввода input :

Босс проходил мимо и ввёл туда своё имя — Кекс. С помощью свойства value мы можем получить данные из этого поля ввода. А после, например, вывести их в консоль:

let input = document.querySelector('input'); console.log(input.value); // Выведет: Кекс

А ещё мы можем вывести данные из поля ввода прямо на страницу. Представим, что у нас на странице есть абзац, который мы нашли и сохранили в переменную paragraph . Мы можем сделать так:

paragraph.textContent = input.value;

И теперь то, что ввёл пользователь в поле input , отобразится на странице как текстовое содержимое элемента paragraph .

В нашем случае пользователь вводит свой адрес в поле с классом subscription-email . Найдём его и скажем JavaScript вывести полученные данные на страницу.

Почему бы не прочитать текст из поля ввода с помощью textContent ? Если мы попытаемся это сделать, то получим пустую строку. Для JavaScript поля формы не имеют текстового содержимого, их значения хранятся именно в value .

Перейти к заданию

• index.html Сплит-режим
• style.css Сплит-режим
• script.js Сплит-режим