Jump to content
EmeraldX

Text Adventure Help - Score keeping

Recommended Posts

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...