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

JavaScript JavaScript Basics (Retired) Introducing JavaScript Write Another Program

William Tan
William Tan
5,148 Points

The preview function is not working for me.

When I click on the preview button. it loads a page with index.html file

index.html
<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>JavaScript Basics</title>
</head>
<body>
  <script src="script.js"></script>
</body>
</html>

3 Answers

that is because for one there is nothing to preview. two the challenge only ask to add the script tags without a source. third the second challenge ask for an alert function within the script tags

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>JavaScript Basics</title>
</head>
<body>
  <script></script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>JavaScript Basics</title>
</head>
<body>
  <script>
    alert('Warning!')
  </script>
</body>
</html>

on the second challenge is when the alert box will pop up when you press the preview button

You're supposed to be just using <script> tags. Then calling the alert function with the text 'Warning'. You won't need the preview function because there isn't any html to load since you're only loading in JavaScript within the <body> tag. Also the script tag is able to accept JS right in between the tags so there's no need to call src="script.js" for this exercise.

<script>
  alert('Warning');
</script>

For more info check this out.

Hope this helps.