How can I get user input in java script and display this input on page? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!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?
Network questions
tabularx column has extra padding at right?
Converting a text document with special format to Pandas DataFrame
Is Bran literally the world's memory?
How to charge percentage of transaction cost?
When does Bran Stark remember Jamie pushing him?
Why is one lightbulb in a string illuminated?
Meaning of "Not holding on that level of emuna/bitachon"
What is the ongoing value of the Kanban board to the developers as opposed to management
Does the Pact of the Blade warlock feature allow me to customize the properties of the pact weapon I create?
Short story about an alien named Ushtu(?) coming from a future Earth, when ours was destroyed by a nuclear explosion
Raising a bilingual kid. When should we introduce the majority language?
Who can become a wight?
Why do C and C++ allow the expression (int) + 4*5?
How is an IPA symbol that lacks a name (e.g. ɲ) called?
Reflections in a Square
Can 'non' with gerundive mean both lack of obligation and negative obligation?
Why aren't these two solutions equivalent? Combinatorics problem
How to create a command for the "strange m" symbol in latex?
Married in secret, can marital status in passport be changed at a later date?
Does Prince Arnaud cause someone holding the Princess to lose?
Why does BitLocker not use RSA?
Continue tikz picture on next page
Does using the Inspiration rules for character defects encourage My Guy Syndrome?
How can I get user input in java script and display this input on page?
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern)
Data science time! April 2019 and salary with experience
The Ask Question Wizard is Live!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;
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) event.code).toLowerCase();
if (chosenWord.indexOf(letter) > -1)
rightWord.push(letter);
underScore[chosenWord.indexOf(letter)] = letter;
docUnderScore[0].innerHTML = underScore.join(' ');
docRightGuess[0].innerHTML = rightWord;
if (underScore.join('') === chosenWord)
alert('CONGRATS! YOU WIN!!!');
else
wrongWord.push(letter);
docWrongGuess[0].innerHTML = wrongWord;
underScore[0].innerHTML = generateUnderscore().join(' ');
);<!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
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
add a comment |
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) event.code).toLowerCase();
if (chosenWord.indexOf(letter) > -1)
rightWord.push(letter);
underScore[chosenWord.indexOf(letter)] = letter;
docUnderScore[0].innerHTML = underScore.join(' ');
docRightGuess[0].innerHTML = rightWord;
if (underScore.join('') === chosenWord)
alert('CONGRATS! YOU WIN!!!');
else
wrongWord.push(letter);
docWrongGuess[0].innerHTML = wrongWord;
underScore[0].innerHTML = generateUnderscore().join(' ');
);<!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
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
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
add a comment |
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) event.code).toLowerCase();
if (chosenWord.indexOf(letter) > -1)
rightWord.push(letter);
underScore[chosenWord.indexOf(letter)] = letter;
docUnderScore[0].innerHTML = underScore.join(' ');
docRightGuess[0].innerHTML = rightWord;
if (underScore.join('') === chosenWord)
alert('CONGRATS! YOU WIN!!!');
else
wrongWord.push(letter);
docWrongGuess[0].innerHTML = wrongWord;
underScore[0].innerHTML = generateUnderscore().join(' ');
);<!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
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
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) event.code).toLowerCase();
if (chosenWord.indexOf(letter) > -1)
rightWord.push(letter);
underScore[chosenWord.indexOf(letter)] = letter;
docUnderScore[0].innerHTML = underScore.join(' ');
docRightGuess[0].innerHTML = rightWord;
if (underScore.join('') === chosenWord)
alert('CONGRATS! YOU WIN!!!');
else
wrongWord.push(letter);
docWrongGuess[0].innerHTML = wrongWord;
underScore[0].innerHTML = generateUnderscore().join(' ');
);<!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) event.code).toLowerCase();
if (chosenWord.indexOf(letter) > -1)
rightWord.push(letter);
underScore[chosenWord.indexOf(letter)] = letter;
docUnderScore[0].innerHTML = underScore.join(' ');
docRightGuess[0].innerHTML = rightWord;
if (underScore.join('') === chosenWord)
alert('CONGRATS! YOU WIN!!!');
else
wrongWord.push(letter);
docWrongGuess[0].innerHTML = wrongWord;
underScore[0].innerHTML = generateUnderscore().join(' ');
);<!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) event.code).toLowerCase();
if (chosenWord.indexOf(letter) > -1)
rightWord.push(letter);
underScore[chosenWord.indexOf(letter)] = letter;
docUnderScore[0].innerHTML = underScore.join(' ');
docRightGuess[0].innerHTML = rightWord;
if (underScore.join('') === chosenWord)
alert('CONGRATS! YOU WIN!!!');
else
wrongWord.push(letter);
docWrongGuess[0].innerHTML = wrongWord;
underScore[0].innerHTML = generateUnderscore().join(' ');
);<!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
javascript
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
edited Mar 9 at 2:42
Raquel de Anda
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
asked Mar 9 at 2:28
Raquel de AndaRaquel de Anda
327
327
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
add a comment |
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
add a comment |
2 Answers
2
active
oldest
votes
In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.
answered Mar 9 at 2:39
whirishwhirish
303114
I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?
– Raquel de Anda
Mar 9 at 2:43
add a comment |
You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.
answered Mar 9 at 2:39
whirishwhirish
303114
I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?
– Raquel de Anda
Mar 9 at 2:43
add a comment |
In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.
answered Mar 9 at 2:39
whirishwhirish
303114
I copied and pasted the code wrong, it still doesn't behave correctly.. any ideas?
– Raquel de Anda
Mar 9 at 2:43
add a comment |
In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.
answered Mar 9 at 2:39
whirishwhirish
303114
In the JS console, ReferenceErrors are being thrown as a result of the fact that the rightWord and wrongWord variables have not been defined.
answered Mar 9 at 2:39
whirishwhirish
303114
edited Mar 9 at 17:52
answered Mar 9 at 2:39
whirishwhirish
303114
answered Mar 9 at 2:39
whirishwhirish
303114
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
add a comment |
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
add a comment |
You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
add a comment |
You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
add a comment |
You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
You are writing the in head tag why ? it doesn't shown in your web page , place the html tags within body.
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
answered Mar 9 at 2:38
SandyKrishSandyKrish
235
235
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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