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
Shyam Gupta
7,757 PointsI am trying to set the placeholder attribute after button is clicked
const textInput = document.querySelector("#textInput");
const addItem = document.querySelector("#addItem");
const uList = document.getElementsByTagName('ul')[0];
addItem.addEventListener('click', () => {
let newLiItem = document.createElement('li');
newLiItem.textContent = textInput.value;
uList.appendChild(newLiItem);
textInput.setAttribute('placeholder', "type text to add");
});
2 Answers
Juthawong Naisanguansee
Full Stack JavaScript Techdegree Graduate 80,724 PointsHello Shyam ,
Can you try to set placeholder with this code.
textInput.placeholder = "type text to add";
Thank you
nico dev
20,364 PointsHi Shyam Gupta,
Just wanted to say that your line there is fine, but placeholder only comes into play when the value is empty.
That is, you can do it that way but, before the setAttribute line, you should include this one:
textInput.value = '';
that, let's say it this way, is resetting the value of the input field. Hope that helps! :)
Shyam Gupta
7,757 PointsShyam Gupta
7,757 PointsEverything works fine until I try to set the search box placeholder when then the button is clicked. In the console, I do see that the value gets changed, but the browser still shows the recent item that was typed (even though 'cache' is disabled in the Network tab in the console).