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

            Understanding generators in Python2019 Community Moderator ElectionGenerator function not working pythonFor loop not executing two timesGenerators - Printing generated valuesWhy can a python generator only be used once?What exactly do generators do?What does the “yield” keyword do?What does “list comprehension” mean? How does it work and how can I use it?sklearn Kfold acces single fold instead of for loopIs a generator the callable? Which is the generator?Apply Border To Range Of Cells Using OpenpyxlCalling an external command in PythonWhat are metaclasses in Python?What is the difference between @staticmethod and @classmethod?Finding the index of an item given a list containing it in PythonDifference between append vs. extend list methods in PythonHow can I safely create a nested directory in Python?Does Python have a ternary conditional operator?Understanding slice notationUnderstanding Python super() with __init__() methodsDoes Python have a string 'contains' substring method?

            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