Несколько способов отображения нескольких входных значений в JavaScript

В JavaScript существует несколько методов, которые можно использовать для отображения нескольких входных значений. Если вы хотите отобразить значения в элементе HTML, консоли или окне предупреждения, в этой статье вы найдете различные примеры кода для достижения желаемого результата. Давайте рассмотрим эти методы ниже.

Метод 1: отображение входных значений в элементах HTML
Вы можете использовать элементы HTML, такие как абзацы или элементы div, для отображения нескольких входных значений. Вот пример:

<!DOCTYPE html>
<html>
<body>
  <input type="text" id="input1">
  <input type="text" id="input2">
  <button onclick="displayValues()">Display Values</button>
  <div id="output"></div>
  <script>
    function displayValues() {
      var input1Value = document.getElementById("input1").value;
      var input2Value = document.getElementById("input2").value;
      var outputElement = document.getElementById("output");
      outputElement.innerHTML = "Input 1: " + input1Value + "<br>" + "Input 2: " + input2Value;
    }
  </script>
</body>
</html>

Метод 2: отображение входных значений в консоли
Если вы хотите отображать входные значения в консоли браузера, вы можете использовать метод console.log(). Вот пример:

<!DOCTYPE html>
<html>
<body>
  <input type="text" id="input1">
  <input type="text" id="input2">
  <button onclick="displayValues()">Display Values</button>
  <script>
    function displayValues() {
      var input1Value = document.getElementById("input1").value;
      var input2Value = document.getElementById("input2").value;
      console.log("Input 1: " + input1Value);
      console.log("Input 2: " + input2Value);
    }
  </script>
</body>
</html>

Метод 3: отображение входных значений в окне предупреждения
Чтобы отобразить входные значения в окне предупреждения, вы можете использовать функцию alert(). Вот пример:

<!DOCTYPE html>
<html>
<body>
  <input type="text" id="input1">
  <input type="text" id="input2">
  <button onclick="displayValues()">Display Values</button>
  <script>
    function displayValues() {
      var input1Value = document.getElementById("input1").value;
      var input2Value = document.getElementById("input2").value;
      alert("Input 1: " + input1Value + "\nInput 2: " + input2Value);
    }
  </script>
</body>
</html>

В этой статье мы рассмотрели три метода отображения нескольких входных значений в JavaScript. Вы можете использовать элементы HTML, консоль или поля предупреждений для демонстрации значений в соответствии с вашими требованиями. Используя эти методы, вы можете улучшить взаимодействие с пользователем и предоставить ценную обратную связь. Поэкспериментируйте с этими примерами и выберите метод, который лучше всего соответствует вашим потребностям.