BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Как получить значение value с кнопки button?

Как получить значение value с кнопки button?

2017-12-10 / Вр:18:02 / просмотров: 1621

Всем привет!
Хочу вам предложить маленький код, с помощью которого вы сможете получить значение value с кнопки button.
Статья будет не большая, а точнее, только код.
Текст в статье только для поисковых машин, а вам я оставляю код :smile:

HTML:

<div id="bloggood_ru">
<input type="button" value="1"/><input type="text"/>
</div>

JS:

<script>
var button = document.querySelectorAll('#bloggood_ru [type="button"]');
for (var i = 0; i < button.length; i++) {
button[i].addEventListener('click', raz, false);
}
function raz() {
document.querySelector('#bloggood_ru [type="text"]').value = this.value;
}
</script>

Можете посмотреть вот такой код, в котором я соорудил платформу кнопок.

CSS:

<style>
input[type="text"] {
width: 30px;
}
</style>

HTML:

<div id="bloggood_ru">
<input type="text"/>
<br><br>
<input type="button" value="1"/>
<input type="button" value="2"/>
<input type="button" value="3"/>
<br>
<input type="button" value="4"/>
<input type="button" value="5"/>
<input type="button" value="6"/>
<br>
<input type="button" value="7"/>
<input type="button" value="8"/>
<input type="button" value="9"/>
<br>
<input type="button" value="sos"/>
<input type="button" value="0"/>
</div>

JS:

<script>
var button = document.querySelectorAll('#bloggood_ru [type="button"]');
for (var i = 0; i < button.length; i++) {
button[i].addEventListener('click', raz, false);
}
function raz() {
document.querySelector('#bloggood_ru [type="text"]').value = this.value;
}
</script>

Результат:




Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: , , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 795
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4419