Javascript - Как узнать имя игроков с помощью selectselector? - PullRequest
Новая
       8

Javascript - Как узнать имя игроков с помощью selectselector?

0 голосов
/ 19 января 2019

Я создаю систему, чтобы иметь имена игроков как получить 2 значения имен

Я создаю 2 входных текста и хочу взять 2 значения, чтобы показать имена игроков, но я не могу:

HTML: 

<section id="first_section" class="first_section">
  <input type="text" placeholder="Nom du premier joueur" style="color: blue; font-size: 120px;" size="500" id="firsttext"><br>
  <button type="button" id="first_button">Suiva`enter code here`nt ></button>
</section>

<section id="second_section" class="second_section">
  <input type="text" placeholder="Nom du deuxième joueur" style="color: blue; font-size: 120px;" size="500" id="secondtext"><br>
  <button type="button" id="second_button">Suivant ></button>
</section>

JavaScript: 

var firsttext = [document.querySelector("#firsttext").element, document.querySelector("#secondtext").element];


if (!estValide(this))
  {
    afficheur.sendMessage("Case occupée ! <br />Joueur " + firsttext[tour] + " c'est toujours à vous !");

  }

Ответы [ 2 ]

0 голосов
/ 20 января 2019

Более короткий и чистый способ сделать это - использовать одну кнопку для проверки и извлечения обоих входных значений, а затем присвоить полученные значения вашему массиву firsttext следующим образом: 

/* JavaScript */

var btn = document.querySelector("button");
var firsttext = [];

btn.addEventListener("click", function(){
  var player1 = document.getElementById("firsttext");
  var player2 = document.getElementById("secondtext");
  
  if (player1.value != "" && player2.value != "") {
    firsttext.push(player1.value);
    firsttext.push(player2.value);
    alert(firsttext);
    return firsttext;
  } else {
  	alert("Enter players' names");
  }
	
});
<!-- HTML -->

<section id="first_section" class="first_section">
  <input type="text" placeholder="Nom du premier joueur" id="firsttext"><br>
</section>
<p></p>
<section id="second_section" class="second_section">
  <input type="text" placeholder="Nom du deuxième joueur" id="secondtext"><br>

</section>

<section id="button">
    <button type="button" id="second_button">Suivant ></button>
</section>
0 голосов
/ 19 января 2019 
let firstTextEl = document.querySelector("#firsttext"),
    firstValue = firstTextEl.value,
    secondTextEl = document.querySelector("#secondtext"),
    secondValue = secondTextEl.value;

querySelector получает сам вход, затем вы просто используете .value (), чтобы получить значение этого элемента ввода.

...