Tell us what’s happening:
The building a Calorie Counter Step 48
and creating a new line before the <input. I have used \n so many ways and places I am left with asking for help.
Your code so far
Entry ${entryNumber}Name;
`;
<!-- file: index.html -->
/* file: styles.css */
/* file: script.js */
// User Editable Region
function addEntry() {
const targetInputContainer = document.querySelector(`#${entryDropdown.value} .input-container`);
const entryNumber = targetInputContainer.querySelectorAll('input[type="text"]').length;
const HTMLString = `
<label for="${entryDropdown.value}-${entryNumber}-name">Entry ${entryNumber}Name</label>;
<input type="text" placeholder="Name" id="${entryDropdown.value}-${entryNumber}-name">`;
}
// User Editable Region
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0
Challenge Information:
Learn Form Validation by Building a Calorie Counter - Step 48