Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Josh Ross
7,151 Pointshttps://w.trhou.se/ya5knx69mq
Not sure why I'm getting a 404 server error, any ideas?
3 Answers
Steven Parker
231,236 PointsThe script tag intends to include "story.js" from the same folder as index.html, but it is actually located in the css folder. You probably want to move that file to the main folder.
And in case you were not already aware, that string at the top of the script doesn't do anything and essentially serves as a comment.
Josh Ross
7,151 Pointslike this?
Steven Parker
231,236 PointsI see you worked on your script a bit, but it's still located inside the "css" folder where your HTML won't be able to load it.
And on line 2 of the script, there's an odd number of quotes plus the variable "questionsleft" is being accessed before it is defined.
Josh Ross
7,151 PointsI'm struggling, the same thing is happening here. Not sure what to move where. I've tried moving the actual folder into the main Java folder but that did work.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/main.css"> <title>Random Number!</title> </head> <body> <div class="container"> <h1>Random Number</h1> <script src="app.js"></script> </div> </body> </html>
var dieRoll = Math.floor(Math.round()*6)+1; alert=('You rolled a + dieRoll');
html, body, div, h1, h2, p, ul, section { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ul { list-style: none; }
section { display: block; }
body { background: #edeff0; padding: 50px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 62.5%; }
h1, h2 { font-size: 2.4em; font-weight: 400; margin-bottom: 8px; color: #384047; line-height: 1.2; }
h2 { font-size: 1.8em; }
p { color: #8d9aa5; font-size: 1.4em; margin-bottom: 15px; line-height: 1.4; }
.container { box-sizing: border-box; width: 90%; max-width: 1080px; background: white; padding: 30px 15px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 5px; -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }
.button { background: #3f8abf; padding: 8px 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.4em; color: white; font-weight: 500; border: 3px solid #3f8abf; outline: none; cursor: pointer; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 0 0 #3574a0; -moz-box-shadow: 0 2px 0 0 #3574a0; box-shadow: 0 2px 0 0 #3574a0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.button:hover { background: #397cac; border-color: #397cac; -webkit-box-shadow: 0 2px 0 0 #2c6085; -moz-box-shadow: 0 2px 0 0 #2c6085; box-shadow: 0 2px 0 0 #2c6085; }
Steven Parker
231,236 PointsWithout a snapshot, I can't tell if the files are in the right place. But the code is still expected to be in the main folder, just now the name is "app.js".
In the script itself:
- did you mean to call "random" instead of "round"?
- there should not be a "=" symbol between a function name and the parentheses
- to use it as a variable, the + dieRoll part should be outside of the quotes