如何将变量设置为文本输入，然后使其显示在屏幕上

How can I set a variable to a text input and then make it appear on screen

本文关键字：然后 显示 屏幕 输入 变量 设置 文本      更新时间：2023-09-26

我正在为学校制作一个基于文本的游戏，我试图将变量设置为文本输入。我想发生的是玩家类型从输入开始，它执行 if 语句内部的内容。但是，我希望玩家从那里输入一个用户名，然后将"name"变量设置为他们输入的内容，但没有将名称保存为"开始"。

//js
var name = "";
var beginBeenTo = false;
    if (beginBeenTo == false) {
        if (input == "START") {
            beginBeenTo = true;
            page = page + 1;
            healthPoints = 25;
            soundEveningBreeze.play();
            $("#welcome_message").show().insertBefore("#placeholder").delay(3000).fadeOut(3000);
            $("<br><p class='text'>You there, what is your name?</p>").hide().insertBefore("#placeholder").delay(7000).fadeIn(3000);
            if (input != "" || namingBeenTo == false) {
                name = input;
            }
        }
    }
document.getElementById("print_name").innerHTML = name;
很简单

，注意一些事件（在我的情况下keyup），检查输入值是否START，如果是这样，请询问用户名。

var started = false;
var username = '';
$('input').on('keyup', function(){
  var tmpValue = $(this).val();
  if(started){
    username = tmpValue
  }
  if(tmpValue === 'START') {
    started = true;
    $(this).val('')
    $(this).attr('placeholder','Username')
  }
  
  $('#username').text(username)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span id="username"></span>
<br>
<input type="text" placeholder="Type START to play">

可以使用

这样的函数来完成：

var name = "";    
$("form").submit(function() {
var input = $("#command_input").val().toUpperCase();
if (input == "START") {
name = $("#input_form").val();
}
}
document.getElementById("print_name").innerHTML = name;

您缺少#（主题标签）之一

这段代码可以工作

谢谢和干杯

相关文章：