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

Question

I am making a text based game for school and I am stuck with trying to set a variable as an text input. What I would like to happen is the player type start into the input and it do what is inside of the if statement. However from there I would like the player to enter a username and then it set the variable of "name" to what they input but with out it saving the name as "start".

//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;

Answer 1

Quite simply, watch for some event ( keyup in my case), check if the input value is START , if so ask for a username.

 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"> 

Answer 2

it could be done with use of function like this :

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

you were missing one of #(hashtag)

And this code would work

Thanks & Cheers