Сохранение ввода итерации в массив после добавления - PullRequest
Новая
       45

Сохранение ввода итерации в массив после добавления

0 голосов
/ 20 июня 2020

Недавно я получил помощь о том, как сгенерировать динамические c поля ввода с использованием JS, но теперь я не знаю, как сохранить значения, которые пользователь вводит после каждой итерации в массив, чтобы можно было производить вычисления, когда пользователь нажимает кнопку "Рассчитать".

мой HTML код: 

<h1 class="center">Land Area</h1>
<select id="primarySelect" value="text" class="hidden"></select>
<div class="main center"></div>

<p class="center">
  <input type="button" value="Add" class="btn add"><br>
  <input type="button" value="Calculate" class="btn calc">
</p>

и соответствующий встроенный код JS: 

<script type="text/javascript">
        // Do all your event binding in JavaScript, not HTML
document.querySelector("input.btn.add").addEventListener("click", add);
document.querySelector("input.btn.calc").addEventListener("click", display);

// Get DOM references you'll use over and over just once:
let select = document.getElementById("primarySelect");
let main = document.querySelector("div.main");

function add(type){

  // Create a wrapper for the two new input fields
  var wrapper = document.createElement("div");

  // Create the two new input fields and configure them:
  var elementY = document.createElement("input");
  elementY.type = "text";
  elementY.placeholder = "Y-Coordinate";
  elementY.classList.add("smallbox");
  elementY[0].value = "";

  var elementX = document.createElement("input");
  elementX.type ="text";
  elementX.placeholder = "X-Coordinate";  
  elementX.classList.add("smallbox");
  elementX[0].value = "";

  // Append the elements into the wrapper
  wrapper.appendChild(elementY);
  wrapper.appendChild(elementX);

  // Append the wrapper to the document
  main.appendChild(wrapper);
  
}
function display() {

//when the user clicks calculate button code is supposed to be here

}
</script>

Кто-нибудь знает, как я могу получить значения, вводимые пользователем? Пожалуйста, помогите

...