JavaScript помещение значения двух переменных в массив

Question

У меня есть две переменные name и location, которые предоставляются двумя <input type="text">. Мне нужно получить результат Smith_California, но я получаю вывод userName_userLoca в консоли.

Любые предложения помогут.

в настоящее время у меня есть:

HTML:

<form class="inputContainer" id="inputContainer" methed="post">
  <label for="userNam">Your Name</label>
  <input type="text" class="userNam" id="userNam" name="userNam" />
  <label for="userLoca">Your Location</label>
  <input type="text" class="userLoca" id="userLoca" name="userLoca" />
  <button class="vButton" id="vButton" type="submit" onclick="testfun()">
    Begin Test
  </button>
</form>

Javascript:

var userName = document.getElementById('userNam');
var userLoca = document.getElementById('userLoca');
var userSID = ['userName', 'userLoca'];
console.log(userSID.join('_'));

Answer 1

Удалите кавычки и используйте .value:

var userSID = [userName.value, userLoca.value];

Answer 2

Вы получаете доступ к dom-элементу, используя var userName = document.getElementById ('userNam'); . Попробуйте использовать var userName = document.getElementById ('userNam'). Value. Также удалите кавычки из var userSID = ['userName', 'userLoca']; и используйте его, как показано ниже var userSID = [userName, userLoca];