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 trialSTEVEN AGUILAR
6,336 PointsCode/Prompts not working
HTML looks exactly like in the video
JS
// 1. Attach this file -- math.js -- to the index.html file using a <script> tag
// 2. Add an alert to announce the program with a message like "Let's do some math!" alert("Let's do some math!");
// 3. Create a variable and use the prompt() method to collect a number from a visitor var yourAge = prompt("What is your age?"); var yourHeight = prompt("What is your height in inches?"); // 4. Convert that value from a string to a floating point number yourAge = parseFloat(yourAge); yourHeight = parseFloat(yourHeight); // 5. Repeat steps 3 and 4 to create a second variable and collect a second number
// 6. Create a new variable -- message -- which you'll use to build // a complete message to print to the document // Start by creating a string that includes <h1> tags as well // and the two input numbers. The string should look something like this: // "<h1>Math with the numbers 3 and 4</h1>" where the two numbers are // the values input from the user. Use string concatenation to create this // and make sure you actually perform the math on the values by // using the + symbol to add their values together var message = "<h1>Math with the numbers " + yourAge +"and " + yourHeight</h1>" <p>yourAge + " + " yourHeight " = " (yourAge+yourHeight)</p> <br>yourAge + " - " yourHeight " = " (yourAge-yourHeight);
// 7. Add another string to the message variable. // The string should look something like this after concatenation: // "3 + 4 = 7"
// 8. Add a linebreak tag -- <br> -- to the message variable
// 9. Continue to add to the message variable to include strings // demonstrating multiplication, division and subtraction // For example: // "3 * 4 = 12" // "3 / 4 = 0.75" // "3 - 4 = -1"
// 10. Use the document.write() method to print the message variable // to the web page. Open the finished.png file in this workspace // to see what the completed output should look like
document.write(message);
2 Answers
KRIS NIKOLAISEN
54,972 PointsIf your code is formatted like you have above all of your statements are commented out. When you preview do you see the first alert "Let's do some math!" ?
STEVEN AGUILAR
6,336 PointsNo the first alert does not pop up, no changes show on the page at all.
Ali Abbas
2,097 PointsHey STEVEN AGUILAR,
If your code isn't showing anything, then it may not be because there's a problem with your code in your ".js file". I think the problem may lie in your "index.html file". When you added the "<script>" file, did you type after it (src = "js/math.js") or did you just type (src = "math.js") ? I've had a similar problem, I left out the " js/ " part. I hope this helps. Take care.
KRIS NIKOLAISEN
54,972 PointsKRIS NIKOLAISEN
54,972 PointsCan you post a snapshot of your workspace? It is the camera icon in the upper right corner.