Learn Form Validation by Building a Calorie Counter - Step 40

JavaScript
1

Tell us what’s happening:

requirement are not fulfilled , when ever i try to code

Your code so far

<!-- file: index.html -->


/* file: script.js */
// User Editable Region

function addEntry() {
  const targetId = '#' + entryDropdown.value;
  let targetInputContainer = document.querySelector('.input-container' + targetId )

}

// User Editable Region

/* file: styles.css */

Your browser information:

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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 40

2

try switching the order of these around so that targetId is first.

ps. are you familiar with css selectors? the targetId will be resolved to the parent element of the .input-container