EmeraldX 0 Posted February 10, 2015 Report Share Posted February 10, 2015 Hello world! I am new to programming, and I need help with an assignment. I do not think my professor left us intentionally in the dust, but I believe he just hasn't covered this yet. Anyways, we are creating a text adventure with html5/javascript and one of the objectives is to keep score when you click on an option. My options are go north, south, east, and west. On the first click to these areas you get 5 points, otherwise you only get 1 point. So far I only have this part of the code for score done: function displayScore() { alert ("Score"); } document.write('<span id="score">Your score is '+score+'</span>'); This was in thanks to a fellow classmate, but I want to know how to finalize the code and know what each of these lines do. I do not necessarily need a popup to show the score, it could even be in a text field tag. I'm sorry if I'm not using correct terminology, but the help would be greatly appreciated! Thanks! Quote Link to post Share on other sites
Ingolme 1,020 Posted February 10, 2015 Report Share Posted February 10, 2015 Learn to access and manipulate elements of the page using the DOM. Here's the tutorial page for that: http://www.w3schools.com/js/js_htmldom_methods.asp Continue reading from there. document.write() won't get you very far. It can put new things on the page, but it won't change what's already there. Quote Link to post Share on other sites
EmeraldX 0 Posted February 10, 2015 Author Report Share Posted February 10, 2015 Learn to access and manipulate elements of the page using the DOM. Here's the tutorial page for that: http://www.w3schools.com/js/js_htmldom_methods.asp Continue reading from there. document.write() won't get you very far. It can put new things on the page, but it won't change what's already there. Now would this have to go into the score function or could this be it's separate entity? I'm sorry, I'm a very slow learner when it comes to programming. Quote Link to post Share on other sites
dsonesuk 913 Posted February 10, 2015 Report Share Posted February 10, 2015 To keep score you might want to look into http://www.w3schools.com/html/html5_webstorage.asp Quote Link to post Share on other sites
EmeraldX 0 Posted February 10, 2015 Author Report Share Posted February 10, 2015 To keep score you might want to look into http://www.w3schools.com/html/html5_webstorage.asp I have this so far: function displayScore() { var textField = document.getElementbyID("score"); textField.style.color="blue"; if (localStorage.clickcount) { localStorage.clickcount = 0(localStorage.clickcount) + 5; } else { localStorage.clickcount = count + 1; } } I have been given no errors with my html document but it isn't working. I feel like I am still missing something. Quote Link to post Share on other sites
Ingolme 1,020 Posted February 11, 2015 Report Share Posted February 11, 2015 localStorage won't display anything visually. It's purely for saving data so that it's available in the future. Your function has some problems: 1. Variable count is not defined anywhere. 2. This expression is a syntax error because of that stray zero: 0(localStorage.clickcount) + 5; 3. The textField variable is not being used anywhere. You're setting its text color to blue, but doing nothing else with it. Is your function being called from anywhere else in the page? Quote Link to post Share on other sites
EmeraldX 0 Posted February 11, 2015 Author Report Share Posted February 11, 2015 (edited) I'm sorry this topic can be closed. The solution has been found. Edited February 12, 2015 by EmeraldX Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.