iOS9で動かしたい

Question

前提・実現したいこと

JavaScriptでスマホでスライドをした時に画像が切り替わるようにしたいのですが、iOS10以降は無事動くのですが、9以前では動いてくれません。どこが問題なのかもわからないので、場所の指摘、よろしければ改善方法なども教えてください。

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

iOS9の端末では動作がしません。

該当のソースコード

function setSwipe(elem) {
    let t = document.querySelector(elem);
    let startX;        // タッチ開始 x座標
    let startY;        // タッチ開始 y座標
    let moveX;    // スワイプ中の x座標
    let moveY;    // スワイプ中の y座標
    let dist = 30; 
     
    t.addEventListener("touchstart", function(e) {
        e.preventDefault();
        startX = e.touches[0].pageX;
        startY = e.touches[0].pageY;
    });
     
    t.addEventListener("touchmove", function(e) {
        e.preventDefault();
        moveX = e.changedTouches[0].pageX;
        moveY = e.changedTouches[0].pageY;
    });

    t.addEventListener("touchend", function(e) {
        if (startX > moveX && startX > moveX + dist) {        // unからupにスワイプ
           var img = document.getElementById('ill');
           var src = img.getAttribute('src');
           var num = Number(img.className);
           var chang= ( '000' + (num+1) ).slice( -3 );
           var change= chang+".jpg";
           ill.setAttribute('src', change);
           ill.setAttribute('class', chang);
        }
        else if (startX < moveX && startX + dist < moveX) {    // upからunにスワイプ
           var img = document.getElementById('ill');
           var src = img.getAttribute('src');
           var num = Number(img.className);
            if((num-1)>0){
              var chang= ( '000' + (num-1) ).slice( -3 );
              var change= chang+".jpg";
              ill.setAttribute('src', change);
              ill.setAttribute('class', chang);
           }
        }
    });
};
 window.addEventListener("load", function(){
   setSwipe("#ill");
 });

試したこと

<img id="ill" class="001" src="001.jpg"> この画像をスライドすると <img id="ill" class="002" src="002.jpg"> こう切り替え、表示する画像を2枚目にしたい。

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

Comments

[miyabi_pudding]

た、対応しなくて良いのでは？
ユーザー数もほぼ皆無ですし、
iOS11でさえ、サポート切っているサイトやアプリがほとんどですし。

iOS9に対応しなくてはならない強い理由があるのでしょうか？
けっこうバグとか現代の仕様に着いていけないなど、対応はかなり地獄かと思いますよ。

[AkitoshiManabe]

javascript コードはコピペで貼り付けたものでしょうか？
（コードブロックで囲んだほうが読みやすくなり、回答もつきやすいと思いますので編集してください）。

[taruba.sod]

使っているが古いiPhoneなのでそちらからも入れるといいなと思ったのですが、やはり難しそうですか……。

[taruba.sod]

コードブロックについての指摘ありがとうございます。
修正しました。

Answer 1

見ていただいてありがとうございました。
iOS9ではES6が対応していないためにletを使った変数宣言が出来ませんでしたので、letからvarに直したら無事動きました。
他に似たような人なんていないと思いますが、お気をつけください。

Answer 2

実機確認できない状況ですので、解決に至らないかもしれませんが…。

ご質問のコードから感じたのは１点です。

• ４箇所の ill.setAttribute() を img.setAttribute() に変更してみる

Google検索 window id属性 などで特徴を記したページがヒットしますが
id属性を持った要素に グローバル変数(ill)でアクセスしています。
これを、var img = document.getElementById('ill'); として取得した img に置き換えてみるというもの
（昔も一般的に使われていたコードにしてみるという答案になります）。

※touchイベント周辺の実装は iPhone3GS 時代から変わりないので問題ないと思います。

Comments

[taruba.sod]

回答ありがとうございます。
動きませんでしたが、touchイベントは大丈夫なんですね。
他の部分をいろいろ試してみます。