So basically my project is about creating that many characters as you put in input. So I'm at point where I generated those words as it's in input but those words are seperated in it's own strigns. So my goal here is to create one div with heading containing that many characters as it should be. But I'm kind of stuck that I can't put those in one string. I share my code in js below.
[CODE lang="javascript" highlight="19-39"]const input = document.querySelector("input")
const loremArea = document.querySelector(".lorem-result")
const button = document.querySelector("button")
button.addEventListener("click", loremApp)
function loremApp () {
const charactersDemand = input.value
const newLoremDiv = document.createElement("div")
loremArea.appendChild(newLoremDiv)
const loremText = document.createElement("h4")
newLoremDiv.appendChild(loremText)
for( i = 0; i < charactersDemand; i++) {
const words = ['Lorem', 'Ipsum', 'sankta', 'Fiorenta', 'maniana']
const random = Math.floor(Math.random()*4)
const generatedWord = words[random]
loremSofics(generatedWord)
}
function loremSofics (text) {
loremText.innerText = text
console.log(text)
}
}[/CODE]
[CODE lang="javascript" highlight="19-39"]const input = document.querySelector("input")
const loremArea = document.querySelector(".lorem-result")
const button = document.querySelector("button")
button.addEventListener("click", loremApp)
function loremApp () {
const charactersDemand = input.value
const newLoremDiv = document.createElement("div")
loremArea.appendChild(newLoremDiv)
const loremText = document.createElement("h4")
newLoremDiv.appendChild(loremText)
for( i = 0; i < charactersDemand; i++) {
const words = ['Lorem', 'Ipsum', 'sankta', 'Fiorenta', 'maniana']
const random = Math.floor(Math.random()*4)
const generatedWord = words[random]
loremSofics(generatedWord)
}
function loremSofics (text) {
loremText.innerText = text
console.log(text)
}
}[/CODE]