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

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

HTML:

<div id="bloggood_ru">
<input ENGINE="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>

Результат:

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

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

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

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

Метки: html, javascript, Вебмастеру, для сайта