Как читать значения текстового поля из html и вставлять их в таблицы с помощью JavaScript-Примеры кода

Victor Talmacinschi

Как читать значения текстового поля из html и вставлять их в таблицы с помощью JavaScript

HTML от Victor Talmacinschi June 12, 2022

<html>
<head>
  <script type="text/javascript">
    function insertValues(){
      //Получить значение первого текстового поля
      var firstValue = document.getElementById('firstTextbox').value;

      //Получить значение второго текстового поля
      var secondValue = document.getElementById('secondTextbox').value;

      //Получить элемент таблицы
      var table = document.getElementById('myTable');

      //Вставить значения в таблицу
      table.rows[0].cells[0].innerHTML = firstValue;
      table.rows[0].cells[1].innerHTML = secondValue;
    }
  </script>
</head>
<body>

  <!--Создать таблицу с двумя колонками-->
  <table id="myTable" border="1">
    <tr>
      <td>Первая колонка</td>
      <td>Вторая колонка</td>
    </tr>
  </table>

  <br/>

  <!--Создать два текстовых поля-->
  Первое текстовое поле: <input type="text" id="firstTextbox" /><br/>
  Второе текстовое поле: <input type="text" id="secondTextbox" /><br/>

  <!--Создать кнопку. При нажатии на кнопку значения из текстовых полей будут вставлены в таблицу-->
  <input type="button" value="Вставить значения" onclick="insertValues();" />
</body>
</html>

0

55.458

Похожие JavaScript запросы

Последние JavaScript запросы

Изучите примеры кода по категориям