Текст в изображения.

[Questioner]

Почему в этом коде ничего не происходит?(должна отображаться не найденная картинка)

<script>

function writeTextToImage() {

var str=document.strToImage.value;

charNumber=0;

while (CharNumber<str.lenght+1;charNumber++) {

document.write('<img src="ячейка"'+str[CharNumber]+'.png>');

}

}

</script>

<input name="strToImage"/>

<input type="button" value="Click hear" onclick="writeTextToImage()"/>

[poorking]

Тут же тысяча ошибок,
1. var str=document.strToImage.value; getElementById("strToImage").value и добавить аттрибут инпуту id="strToImage"
2. регистр букв в имени переменных имеет значение
3. str.lenghtth
3. document.write() вроде нарисует тег только при загрузке страницы
4. Выглядит как будто скрипт нарисует столько тегов, сколько символов в введенной строке, а не то что вы сказали

Ну если исправить по логике то получится примерно

<script>
	function writeTextToImage() {

		var str = document.getElementById("strToImage").value
		
		var html = ""

		for(var charNumber = 0; charNumber  < str.length; charNumber ++) 
			html += "<img src='ячейка"+str[charNumber]+".png' />";
			
		
		document.getElementById("out").innerHTML = html
		
	}
</script>
<input id="strToImage" type="text"/>
<input type="button" value="Click hear" onclick="writeTextToImage()"/>
<div id="out"></div>

[Questioner]

Спасибо!!!