Changing from Leaderboard to Yay Science!
As you become more familiar with Meteor, you will come to learn that you can make changes and add files pretty much whenever you want. You don't have to link anything up, and you certainly don't have to redeploy before you can see the results. You get to just play around, build wonderful things, and let Meteor take care of all the crunchy stuff.
To see what we mean, let's change the title of this application from Leaderboard to Yay Science! because, well, yay science!
First, make sure that the application is up and running. You can do this by having an open browser window that is pointing to http://localhost:3000/
. If the app is running, you'll see your leaderboard
application. If your application isn't running, make sure to follow the steps previously given in the Starting the example application section.
Now, we need to open and edit the leaderboard.html
file. With your favorite text/code editor, open the leaderboard.html
file under the location, ~/Documents/Meteor/leaderboard/client/
, and change title
in the head
section using the following lines of code:
Go ahead and save the file, and then look at your web browser. The page will automatically update, and you'll see the title change. Earlier, it displayed the word Leaderboard:
Just below the <button>
tag, there is a message displayed if no scientist's name is selected. It currently uses the word "players". We want to change that to something a little more specific. To do this, make the following change to the <div>
message tag:Save this change, and this time, refresh your browser. Not because we need the change to take effect, but because we want to make sure no scientist is highlighted so that we can verify our message text: