構文エラーの解決方法

Question

JavaScriptでスライドショーを作成したい。

js記入中に構文エラーが発生しました。
fot (i = 0; i < files.length; i++)部分。
なぜ、エラーが発生するのかがわかりません。

発生している問題・エラーメッセージ

SyntaxError: missing ) after argument list

該当のソースコード

(function() {
	'use strict';

	var files = [
		'ryokou1.jpg',
		'ryokou2.jpg',
		'ryokou3.jpg',
	];


	var currentNum = 0;
	var prev = document.getElementById('prev');
	var next = document.getElementById('next');
	var target = document.getElementById('target');
	var thumbnails = document.getElementById('thumbnails');

	function createThumbnails() {
		var i;
		var li;
		var img;
		fot (i = 0; i < files.length; i++) {
			li = document.createElement('li');
			img = document.createElement('img');
			img.src = files[i];
			li.appendChild(img);
			thumbnails.appendChild(li);
		}
	}

試したこと

補足情報（FW/ツールのバージョンなど）

Answer 1

(function() {
    'use strict';

    var files = [
        'ryokou1.jpg',
        'ryokou2.jpg',
        'ryokou3.jpg',
    ];


    var currentNum = 0;
    var prev = document.getElementById('prev');
    var next = document.getElementById('next');
    var target = document.getElementById('target');
    var thumbnails = document.getElementById('thumbnails');

    function createThumbnails() {
        var i;
        var li;
        var img;
      //  fot (i = 0; i < files.length; i++) { // fot ⇒ for
        for (i = 0; i < files.length; i++) {
            li = document.createElement('li');
            img = document.createElement('img');
            console.log(li);
            img.src = files[i];
            li.appendChild(img);
            thumbnails.appendChild(li);
        }
    }
    createThumbnails(); // 実行し忘れ
} )(); // 閉じ＆実行し忘れ
```**動くサンプル：**[https://jsfiddle.net/d0hg41cn/](https://jsfiddle.net/d0hg41cn/)

Answer 2

typoです。

-fot (i = 0; i < files.length; i++) {
+for (i = 0; i < files.length; i++) {

Comments

[ikko_]

気づきませんでした！ありがとうございます！