[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>