I tried to create a small text analyser to test if there is a letter in the users input. In the end it should create HTML element and text node but smith went wrong. Im not sure what’s the problem. Hope you will help
HTML
`
</head>
<body>
<header>
<h1>Text analyzer</h1>
</header>
<main>
<div>
<form>
<label for="form-input" id="inLabel">Print your text</label>
<input type="text" id="input" placeholder="Print here something" maxlength="50">
<button type="button" id="submit" onclick="start(document.getElementById('input').value)">Start</button>
</form>
</div>
</main>
<script src="an.js" type="text/javascript"></script>
</body>
`
JS
`function start(input){
const inputarr=Array.from(input);
if (inputarr.includes (‘k’)){
const resultArea=document.createElement(“div”);
const result= document.createTextNode(“K was found”);
resultArea.appendChild(result);
} else{
const resultArea=document.createElement(“div”);
const result=document.createTextNode(“Nothing was found”);
resultArea.appendChild(result);
}
}`
When I insert some text in the input area, there is no any errors in console. I have already tried to test if it at lest reach a function start() by adding in the first lines ( I though that mb smth with array.from is wrong) but still nothing
const startArea=document.createElement("div"); const startText= document.createTextNode("Starting analyzing.."); startArea.appendChild(startText);