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 and the DOM (Retiring) Making Changes to the DOM Appending Nodes

Takuya Hirata
Takuya Hirata
23,296 Points
Posted by Takuya Hirata
Takuya Hirata
23,296 Points

descriptionInput.value

Hi,

I was wondering that even though we overwrote new descriptionInput.value with an empty string, why ":" remained?

Thank you!

2 Answers

Andrew Polcaster
Andrew Polcaster
8,097 Points

Hey Takuya, In this code block-

  descriptionButton.addEventListener('click', () => {
  descriptionP.innerHTML = descriptionInput.value + ':';
  descriptionInput.value = '';
});

The second line is actually concatenating the "descriptionInput.value" with a colon. So no matter what happens to that variable the "descriptionP.innerHTML" variable will still have the colon added to it. Hope that helps!

Takuya Hirata
Takuya Hirata
23,296 Points
Takuya Hirata
Takuya Hirata
23,296 Points

Hey Andrew, thank you so much!

Andrew Polcaster
Andrew Polcaster
8,097 Points

No problem!