How can I get user input in java script and display this input on page?How can I upload files asynchronously?How do you get a timestamp in JavaScript?How can I convert a string to boolean in JavaScript?How to get the children of the $(this) selector?How can I know which radio button is selected via jQuery?How do I modify the URL without reloading the page?How can I get query string values in JavaScript?How can I display a JavaScript object?Get the size of the screen, current web page and browser windowHow can I refresh a page with jQuery?

Why "Having chlorophyll without photosynthesis is actually very dangerous" and "like living with a bomb"?

Watching something be written to a file live with tail

How do we improve the relationship with a client software team that performs poorly and is becoming less collaborative?

Why not use SQL instead of GraphQL?

Mathematical cryptic clues

Is a tag line useful on a cover?

What are the differences between the usage of 'it' and 'they'?

How much RAM could one put in a typical 80386 setup?

How can I make my BBEG immortal short of making them a Lich or Vampire?

Why, historically, did Gödel think CH was false?

Languages that we cannot (dis)prove to be Context-Free

Problem of parity - Can we draw a closed path made up of 20 line segments...

How is it possible to have an ability score that is less than 3?

Collect Fourier series terms

Writing rule stating superpower from different root cause is bad writing

An academic/student plagiarism

What's the point of deactivating Num Lock on login screens?

How does strength of boric acid solution increase in presence of salicylic acid?

Do I have a twin with permutated remainders?

Why Is Death Allowed In the Matrix?

Test whether all array elements are factors of a number

How does one intimidate enemies without having the capacity for violence?

Why do I get two different answers for this counting problem?

Why dont electromagnetic waves interact with each other?



How can I get user input in java script and display this input on page?


How can I upload files asynchronously?How do you get a timestamp in JavaScript?How can I convert a string to boolean in JavaScript?How to get the children of the $(this) selector?How can I know which radio button is selected via jQuery?How do I modify the URL without reloading the page?How can I get query string values in JavaScript?How can I display a JavaScript object?Get the size of the screen, current web page and browser windowHow can I refresh a page with jQuery?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








1















I am new to java and am trying to create a game that simulates hangman. I am trying to get the letters from the user after they input on keyboard. However, when I type something it doesn't make any difference, it doesn't output whether it is correct or incorrect. I think I may not be using the event in my guessLetter() function correctly, any help would be greatly appreciated.






window.addEventListener("DOMContentLoaded", function() 
var word = ['taco'];

let randNum = Math.floor(Math.random() * word.length);
let chosenWord = word[randNum];
let underScore = [];

let docUnderScore = document.getElementsByClassName('underScore');
let docRightGuess = document.getElementsByClassName('rightGuess');
let docWrongGuess = document.getElementsByClassName('wrongGuess');

console.log(chosenWord); //lets grader cheat

let generateUnderscore = () =>
for (let i = 0; i < chosenWord.length; i++)
underScore.push('_');

return underScore;



document.onkeyup = function guessLetter(event)
);

<!DOCTYPE html>
<html>

<head>
<h1> Hangman </h1>
<div id="guesses">
<div class="letter" id="letter" </div>
</div>
</head>

<body>
</body>
<div class="container">
<div class="underScore">_ _ _ _</div>
<div class="rightGuess"> right guess </div>
<div class="wrongGuess"> wrong guess </div>
</div>

</html>












share|improve this question
























  • Check out your console log. Your code is trying to use some undefined variables including rightWord and wrongWord (so either define them or use existing variables.)

    – Cat
    Mar 9 at 3:49

















1















I am new to java and am trying to create a game that simulates hangman. I am trying to get the letters from the user after they input on keyboard. However, when I type something it doesn't make any difference, it doesn't output whether it is correct or incorrect. I think I may not be using the event in my guessLetter() function correctly, any help would be greatly appreciated.






window.addEventListener("DOMContentLoaded", function() 
var word = ['taco'];

let randNum = Math.floor(Math.random() * word.length);
let chosenWord = word[randNum];
let underScore = [];

let docUnderScore = document.getElementsByClassName('underScore');
let docRightGuess = document.getElementsByClassName('rightGuess');
let docWrongGuess = document.getElementsByClassName('wrongGuess');

console.log(chosenWord); //lets grader cheat

let generateUnderscore = () =>
for (let i = 0; i < chosenWord.length; i++)
underScore.push('_');

return underScore;



document.onkeyup = function guessLetter(event)
);

<!DOCTYPE html>
<html>

<head>
<h1> Hangman </h1>
<div id="guesses">
<div class="letter" id="letter" </div>
</div>
</head>

<body>
</body>
<div class="container">
<div class="underScore">_ _ _ _</div>
<div class="rightGuess"> right guess </div>
<div class="wrongGuess"> wrong guess </div>
</div>

</html>












share|improve this question
























  • Check out your console log. Your code is trying to use some undefined variables including rightWord and wrongWord (so either define them or use existing variables.)

    – Cat
    Mar 9 at 3:49













1












1








1








I am new to java and am trying to create a game that simulates hangman. I am trying to get the letters from the user after they input on keyboard. However, when I type something it doesn't make any difference, it doesn't output whether it is correct or incorrect. I think I may not be using the event in my guessLetter() function correctly, any help would be greatly appreciated.






window.addEventListener("DOMContentLoaded", function() 
var word = ['taco'];

let randNum = Math.floor(Math.random() * word.length);
let chosenWord = word[randNum];
let underScore = [];

let docUnderScore = document.getElementsByClassName('underScore');
let docRightGuess = document.getElementsByClassName('rightGuess');
let docWrongGuess = document.getElementsByClassName('wrongGuess');

console.log(chosenWord); //lets grader cheat

let generateUnderscore = () =>
for (let i = 0; i < chosenWord.length; i++)
underScore.push('_');

return underScore;



document.onkeyup = function guessLetter(event)
);

<!DOCTYPE html>
<html>

<head>
<h1> Hangman </h1>
<div id="guesses">
<div class="letter" id="letter" </div>
</div>
</head>

<body>
</body>
<div class="container">
<div class="underScore">_ _ _ _</div>
<div class="rightGuess"> right guess </div>
<div class="wrongGuess"> wrong guess </div>
</div>

</html>












share|improve this question
















I am new to java and am trying to create a game that simulates hangman. I am trying to get the letters from the user after they input on keyboard. However, when I type something it doesn't make any difference, it doesn't output whether it is correct or incorrect. I think I may not be using the event in my guessLetter() function correctly, any help would be greatly appreciated.






window.addEventListener("DOMContentLoaded", function() 
var word = ['taco'];

let randNum = Math.floor(Math.random() * word.length);
let chosenWord = word[randNum];
let underScore = [];

let docUnderScore = document.getElementsByClassName('underScore');
let docRightGuess = document.getElementsByClassName('rightGuess');
let docWrongGuess = document.getElementsByClassName('wrongGuess');

console.log(chosenWord); //lets grader cheat

let generateUnderscore = () =>
for (let i = 0; i < chosenWord.length; i++)
underScore.push('_');

return underScore;



document.onkeyup = function guessLetter(event)
);

<!DOCTYPE html>
<html>

<head>
<h1> Hangman </h1>
<div id="guesses">
<div class="letter" id="letter" </div>
</div>
</head>

<body>
</body>
<div class="container">
<div class="underScore">_ _ _ _</div>
<div class="rightGuess"> right guess </div>
<div class="wrongGuess"> wrong guess </div>
</div>

</html>








window.addEventListener("DOMContentLoaded", function() 
var word = ['taco'];

let randNum = Math.floor(Math.random() * word.length);
let chosenWord = word[randNum];
let underScore = [];

let docUnderScore = document.getElementsByClassName('underScore');
let docRightGuess = document.getElementsByClassName('rightGuess');
let docWrongGuess = document.getElementsByClassName('wrongGuess');

console.log(chosenWord); //lets grader cheat

let generateUnderscore = () =>
for (let i = 0; i < chosenWord.length; i++)
underScore.push('_');

return underScore;



document.onkeyup = function guessLetter(event)
);

<!DOCTYPE html>
<html>

<head>
<h1> Hangman </h1>
<div id="guesses">
<div class="letter" id="letter" </div>
</div>
</head>

<body>
</body>
<div class="container">
<div class="underScore">_ _ _ _</div>
<div class="rightGuess"> right guess </div>
<div class="wrongGuess"> wrong guess </div>
</div>

</html>





window.addEventListener("DOMContentLoaded", function() 
var word = ['taco'];

let randNum = Math.floor(Math.random() * word.length);
let chosenWord = word[randNum];
let underScore = [];

let docUnderScore = document.getElementsByClassName('underScore');
let docRightGuess = document.getElementsByClassName('rightGuess');
let docWrongGuess = document.getElementsByClassName('wrongGuess');

console.log(chosenWord); //lets grader cheat

let generateUnderscore = () =>
for (let i = 0; i < chosenWord.length; i++)
underScore.push('_');

return underScore;



document.onkeyup = function guessLetter(event)
);

<!DOCTYPE html>
<html>

<head>
<h1> Hangman </h1>
<div id="guesses">
<div class="letter" id="letter" </div>
</div>
</head>

<body>
</body>
<div class="container">
<div class="underScore">_ _ _ _</div>
<div class="rightGuess"> right guess </div>
<div class="wrongGuess"> wrong guess </div>
</div>

</html>






javascript






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 9 at 2:42







Raquel de Anda

















asked Mar 9 at 2:28









Raquel de AndaRaquel de Anda

347




347












  • Check out your console log. Your code is trying to use some undefined variables including rightWord and wrongWord (so either define them or use existing variables.)

    – Cat
    Mar 9 at 3:49

















  • Check out your console log. Your code is trying to use some undefined variables including rightWord and wrongWord (so either define them or use existing variables.)

    – Cat
    Mar 9 at 3:49
















Check out your console log. Your code is trying to use some undefined variables including rightWord and wrongWord (so either define them or use existing variables.)

– Cat
Mar 9 at 3:49





Check out your console log. Your code is trying to use some undefined variables including rightWord and wrongWord (so either define them or use existing variables.)

– Cat
Mar 9 at 3:49












2 Answers
2






active

oldest

votes


















1














In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.






share|improve this answer

























  • I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

    – Raquel de Anda
    Mar 9 at 2:43


















1














You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.






share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function ()
    StackExchange.using("externalEditor", function ()
    StackExchange.using("snippets", function ()
    StackExchange.snippets.init();
    );
    );
    , "code-snippets");

    StackExchange.ready(function()
    var channelOptions =
    tags: "".split(" "),
    id: "1"
    ;
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function()
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled)
    StackExchange.using("snippets", function()
    createEditor();
    );

    else
    createEditor();

    );

    function createEditor()
    StackExchange.prepareEditor(
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader:
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    ,
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    );



    );













    draft saved

    draft discarded


















    StackExchange.ready(
    function ()
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55073433%2fhow-can-i-get-user-input-in-java-script-and-display-this-input-on-page%23new-answer', 'question_page');

    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    1














    In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.






    share|improve this answer

























    • I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

      – Raquel de Anda
      Mar 9 at 2:43















    1














    In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.






    share|improve this answer

























    • I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

      – Raquel de Anda
      Mar 9 at 2:43













    1












    1








    1







    In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.






    share|improve this answer















    In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.







    share|improve this answer














    share|improve this answer



    share|improve this answer








    edited Mar 9 at 17:52

























    answered Mar 9 at 2:39









    whirishwhirish

    303114




    303114












    • I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

      – Raquel de Anda
      Mar 9 at 2:43

















    • I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

      – Raquel de Anda
      Mar 9 at 2:43
















    I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

    – Raquel de Anda
    Mar 9 at 2:43





    I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?

    – Raquel de Anda
    Mar 9 at 2:43













    1














    You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.






    share|improve this answer



























      1














      You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.






      share|improve this answer

























        1












        1








        1







        You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.






        share|improve this answer













        You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Mar 9 at 2:38









        SandyKrishSandyKrish

        235




        235



























            draft saved

            draft discarded
















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid …


            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.

            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55073433%2fhow-can-i-get-user-input-in-java-script-and-display-this-input-on-page%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Thal And Out Agency railway station See also References External links Navigation menuOfficial Web Site of Pakistan RailwaysArchivedOfficial Web Site of Pakistan Railwayseeexpanding ite

            Posting a File and Associated Data to a RESTful WebService preferably as JSON2019 Community Moderator ElectionREST URI convention - Singular or plural name of resource while creating itUploading both data and files in one form using Ajax?How do I upload a file with metadata using a REST web service?REST API - file (ie images) processing - best practicesSpring: JSON data and file in the same requestREST API Put large dataPosting a file and JSON data to Spring rest serviceRESTful Web Service Upload/Download Large Data With JSONREST API Design sending JSON data and a file to the api in same requestPost JSONArray to REST servicePUT vs. POST in RESTParsing values from a JSON file?JavaScript/jQuery to download file via POST with JSON dataHow do I upload a file with metadata using a REST web service?How to POST JSON data with Curl from Terminal/Commandline to Test Spring REST?Separate REST JSON API server and client?what's the correct way to send a file from REST web service to client?How do I write JSON data to a file?What is “406-Not Acceptable Response” in HTTP?REST API - file (ie images) processing - best practices

            How can I change the color of pagination dots of UIPageControl?How to change UIPageControl dotsIs there a way to change page indicator dots colorCustomize dot with image of UIPageControl at index 0 of UIPageControlNo visible @interface for 'NSObject<PageControlDelegate>' declares the selector 'pageControlPageDidChange:'How to change the color of pagination dots in UIPageControl with a different color per pagepagecontrol indicator custom image instead of DefaultChanging the colour of UIPageControl dots in MonoTouchpagecontrol selectable page visibility color?Alternative way to load ViewControllers on a UIPageControlHow to set only layer.border-color for UIpage control dots in swiftHow can I develop for iPhone using a Windows development machine?How to change the name of an iOS app?UITableView - change section header coloruipagecontrol indicator(dot)issueCustom UIPageControl dots color not changingchange the interspace between UIPageControl dotsHow to change Status Bar text color in iOSHow can I change image tintColor in iOS and WatchKitUIPageControl dots with larger space in between each dotsHow to change the color of pagination dots in UIPageControl with a different color per page