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) Storing and Tracking Information with Variables Create a variable with a string

Posted by Scott Portlock
Scott Portlock
593 Points

Putting a Variable into the document.write Command

I'm not actually sure how to put a variable into the document.write command. I've tried adding the name of the variable into it; I'm not sure if this is only slightly or completely wrong.

app.js 
var player = "Jasmine" ;
document.write("<h1>  </h1>")
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="app.js"></script>
</body>
</html>

1 Answer

Nick Hericks
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Nick Hericks
Full Stack JavaScript Techdegree Graduate 20,704 Points
Nick Hericks
.a{fill-rule:evenodd;}techdegree seal-36
Nick Hericks
Full Stack JavaScript Techdegree Graduate 20,704 Points

For the purposes of this challenge, you can simply include the player variable inside the document.write() method without any html <h1> tags.

var player = "Jasmine";
document.write(player);

However if you want include the HTML <h1> tags you have, you can do that by placing them in a string and concatenating them with the variable like this:

var player = "Jasmine";
document.write("<h1>" + player + "</h1>");

Another option is to use template literals to write it like this:

var player = "Jasmine";
document.write(`<h1> ${player} </h1>`);

You can learn more about template literals here.