javascript - How to get output from console.log when it is a HTML file -
i have started learning javascript , have made first program simple guess number game. give user feed there guesses, used console.log()
. worked on website used learn javascript (http://www.codecademy.com/learn), when put in notepad, saved .htm
file, , run it, prompts , confirm, no visible feed console.log
command.
how can console.log
command work?
here code:
<script language="javascript"> confirm("are ready play 'i can guess that'? game player 2 tries guess player 1 number?"); //find out names var player1 = prompt("player 1 name?","your name here"); var player2 = prompt("player 2 name?","your name here"); //player 1 number var place_holder = 0; var p1 =place_holder; while (p1 > 1000 || p1 == 0) { p1 = prompt(player2 + "look away." + " " + player1 + " " + "what number?", "your number 1 1,000 here"); if (p1 != parseint(p1)) { p1 = 0; console.log("error: invalled number!" + " " +player1 + " " + "please choose number between 1 , 1,000"); } else if(p1>1000) { console.log("error: invalled number!" + " " +player1 + " " + "please choose number between 1 , 1,000"); } }; //set used guess list var listlow = []; var listhigh = []; var x = 0; var p2 = place_holder; //game while (x < 11) { //list used guesses console.log("your guess far"); console.log("your low guesses:"+" " + listlow); console.log("your high gusses:"+" " + listhigh); //player 2 guess var p2 = prompt("player 2 guess?"); //good guess var test = p1/p2; if (test === 1) { console.log("congrats" + " " + player2 +" "+ "you have guessed"+" " + " " + player1 +" "+ "number"); var x = 30; //to low } else if (test > 1) { console.log(player2 +" "+ "sorry guess low"); listlow.push(p2); x=x+1; //to high } else if (test <1) { console.log(player2 +" "+ "sorry guess high"); listhigh.push(p2); x=x+1; //something went wrong } else { console.log("opps went wrong"); } }; if (x < 20) { console.log("sorry" + " " +player2+ " "+ "you out of guesses." +" " + player1+ " " + "wins!"); } console.log("thanks playing") </script>
the issue here codeacademy has built-in console in coding tool, shown you working on code in code academy environment. while building code.
consoles avaiable in (modern) browsers, hidden default, because used developers, not everyday user. such, writing messages out user in console not going effective way communicate them.
there many ways can provide feedback user . . . ideas include:
- set
<div>
on page, messaging , update contents of div messages - set
<textarea>
on page, messaging , update value of field messages - use
alert(message_value);
display messages in popup window
how decide depends on kind of experience want users have . . . entirely you.
Comments
Post a Comment