Javascript-如何使用queryselector获得玩家的姓名?

Javascript-如何使用queryselector获得玩家的姓名?,javascript,html,tic-tac-toe,Javascript,Html,Tic Tac Toe,我创建了一个系统来记录玩家的名字 如何获取名称的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"&g

我创建了一个系统来记录玩家的名字 如何获取名称的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>
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 !");

  }


Suiva`在此处输入代码`nt>
Suivant>
JavaScript:

<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>
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 !");

  }
var firsttext=[document.querySelector(“#firsttext”).element,document.querySelector(“#secondtext”).element];
如果(!estValide(本))
{
afficheur.sendMessage(“案例占用!
jouer”+第一个文本[巡回]+“这就是你!”; }

querySelector本身获取输入,然后您只需使用.value()获取该输入元素的值。

执行此操作的较短且更简洁的方法是使用单个按钮检查并检索两个输入值,然后将检索到的值分配给
firsttext
数组,如下所示:

/*JavaScript*/
var btn=document.querySelector(“按钮”);
var firsttext=[];
btn.addEventListener(“单击”,函数(){
var player1=document.getElementById(“firsttext”);
var player2=document.getElementById(“第二个文本”);
如果(player1.value!=“”&player2.value!=“”){
firsttext.push(player1.value);
firsttext.push(player2.value);
警报(第一文本);
返回第一个文本;
}否则{
警告(“输入玩家姓名”);
}
});



Suivant>
他未定义分数。。。设firstTextEl=document.querySelector(“#firsttext”),firstValue=firstTextEl.value,secondTextEl=document.querySelector(“#secondtext”),secondValue=secondTextEl.value;afficheur.sendMessage(“Le jeu peut Committer!
”+firstValue+“c'est votre tour.”)@Spyynox第二个错误是什么?我去看看。