Форум

sailars · #1 (**permalink**) 01.02.2016, 19:12

В JS новичок. Нужно, чтобы, при нажатии на кнопки в текстовом поле отображался текст с кнопки. При нажатии на «Очистить» текстовое поле должно очищаться.
Базу подготовил, но со скриптом копался, гуглил, так и ничего не получилось...надеюсь на вашу помощь...

<html>
 <head>
 <title>Тест по составу компьютера</title>
</head>
<body>
<form name="Tecт">
<p><input type="text" name="Im_stud" size="15">
<p><input type="button" value=" вверх "></p>
<p><input type="button" value=" вниз "></p>
<p><input type="button" value=" влево "></p>
<p><input type="button" value=" вправо "></p>
<input type="reset" value="Очистить"></p>
</form>
</body>
</html>

рони · #2 (**permalink**) 01.02.2016, 19:21

sailars,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 <script>
 window.addEventListener('DOMContentLoaded', function() {
     var form = document.querySelector('[name="Tecт"]');
     form.addEventListener('click', function(event) {
         var type = event.target.type;
         type == "button" && (form.Im_stud.value = event.target.value)
     });
 });
 </script>
</head>

<body>
<html>
 <head>
 <title>Тест по составу компьютера</title>
</head>
<body>
<form name="Tecт">
<p><input type="text" name="Im_stud" size="15">
<p><input type="button" value=" вверх "></p>
<p><input type="button" value=" вниз "></p>
<p><input type="button" value=" влево "></p>
<p><input type="button" value=" вправо "></p>
<input type="reset" value="Очистить"></p>
</form>
</body>
</html>

</body>

</html>

sailars · #3 (**permalink**) 01.02.2016, 19:32

К сожалению, не работает. Может функции обозвать и onClick'и добавить? Но и с этим не сработало

рони · #4 (**permalink**) 01.02.2016, 19:37

sailars,
тут работает? если работает копируйте снова к себе

sailars · #5 (**permalink**) 01.02.2016, 19:47

Сообщение от рони

sailars,
тут работает? если работает копируйте снова к себе

Здесь тоже не работает (

Теперь работает! Огромное спасибо!

рони · #6 (**permalink**) 01.02.2016, 20:13

sailars,
вот и стало известно что ваш любимый браузер Mozilla Firefox

Форум

Справочник

Discord чат

Курсы javascript