Learn Form Validation by Building a Calorie Counter - Step 47

JavaScript
1

Tell us what’s happening:

Hello. There is a problem in my code. Please help me. Here is the description of the problem in the right and bottom developer consoles: Sorry, your code does not pass. Hang in there.

You should have a label element inside your template literal.// running tests

  1. You should have a label element inside your template literal.
  2. Your label element should have the text Entry ${entryNumber} Name.
    // tests completed

Your code so far

<!-- 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;
    
    let HTMLString = ` <label>Entry ${entryNumber} Name:</label> `;
}

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 OPR/114.0.0.0

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 47

2

Entry ${entryNumber} Name:<— this colon shouldn’t be there

1 Like
3

Thank you very much, otherwise I was confused by the right developer console with its requirement to insert this formula. I’ve tried to fulfil its next demand: // running tests

  1. You should have a label element inside your template literal.
  2. Your label element should have the text Entry ${entryNumber} Name.
    // tests completed

Your code so far

1 Like
4

Hello! I got the same answer but the debugger, wouldn’t pass me through.
Can you give any advice what seems to be the problem here.

image
image696×520 21.5 KB

5

Hi @kazandra Please open a new query for your issue on the forum.