时间戳

首页 > 解决方案 > 如何使用 JS 和 HTML 打印玩家姓名的输出

javascript - 如何使用 JS 和 HTML 打印玩家姓名的输出

问题描述

嘿，所以我是使用 JS 和 HTML 的新手，并且仍在练习该语言，我正在尝试打印出两个玩家的用户名，但没有使用警报。我想打印玩家的名字，然后再使用 CSS 进行更改，但在打印用户输入的最简单方法时遇到了问题，我目前有这个，想知道为什么它不起作用，任何帮助将不胜感激。

 function welcome(){
        var first = document.getElementById("FirstName").value; 
        var last = document.getElementById("LastName").value;
        var Print_name = "Welcome " + first +" "+ last;
        console.log(Print_name);
     }
    
<!DOCTYPE html>
<html>
      <head>
        <title>Print Names</title>
      </head>
  <body>
<form method="get">

    <label for="Player1Name">Player 1 Name:</label>
    <input type="text" id="Player1Name" name="player1Name" placeholder="Name"><br>
    <label for="Player2Name">Player 2 Name:</label>
    <input type="text" id="Player2Name" name="player2Name" placeholder="Name"><br>
    <input type="submit" value="Submit" class="btn">


</form>
<script>
     /*javascript code here*/
    
  </script>

  </body>
  
  
  
</html>

标签： javascripthtml

解决方案

您应该找到一个 HTML 元素（id="Player1Name"）和（id="Player2Name"）。

试试 HTML 代码

<input type="submit" value="Submit" class="btn" onclick="welcome()">

尝试用 JavaScript 编写代码

 function welcome(){
    var first = document.getElementById("Player1Name").value; 
    var last = document.getElementById("Player2Name").value;
    var Print_name = "Welcome " + first +" "+ last;
    alert(Print_name);
 }

推荐阅读