عبد الحي Posts - Answer Overflow

عبد الحي

•Created by عبد الحي on 6/30/2024 in #front-end

Weird code function

i have a problem with the i < (long code) the problem is it doesn't take the number so for example if a put it to i < 4 it works but the other way doesn't here's the code: <form action=""> <input type="number" name="elements" class="input" placeholder="Number Of Elements" /> <input type="text" name="texts" class="input" placeholder="Elements Text" /> <select name="type" class="input"> <option value="Div">Div</option> <option value="Section">Section</option> </select> <input type="submit" name="create" value="Create" /> <div class="results"></div> </form>

let numberOfElements = document.querySelector("[name='elements'")
let elementsText = document.querySelector(`[name='texts'`)
let elementsType = document.querySelector("[name='type'")
let createBtn = document.querySelector("[name='create'")
let results = document.querySelector(".results")
// Creation

let valueHolder = numberOfElements.addEventListener("input",() => numberOfElements.value)


createBtn.addEventListener("click",function (preventor) {
  for (let i = 0 ;i < numberOfElements.addEventListener("input",() => numberOfElements.value) ;i++) {
  let divCreation = document.createElement("div")
  results.appendChild(divCreation)
}
preventor.preventDefault()
}
)

let numberOfElements = document.querySelector("[name='elements'")
let elementsText = document.querySelector(`[name='texts'`)
let elementsType = document.querySelector("[name='type'")
let createBtn = document.querySelector("[name='create'")
let results = document.querySelector(".results")
// Creation

let valueHolder = numberOfElements.addEventListener("input",() => numberOfElements.value)


createBtn.addEventListener("click",function (preventor) {
  for (let i = 0 ;i < numberOfElements.addEventListener("input",() => numberOfElements.value) ;i++) {
  let divCreation = document.createElement("div")
  results.appendChild(divCreation)
}
preventor.preventDefault()
}
)