2つの機能にアクセスできない理由がわかりません

Question

入力から情報をローカルストレージに保存しようとしています。しかし、 "Save"または "Load"を押すと、 "if"には入りますが、関数$（ '＃save'）ではなくon（ 'click'、...） ）...

if (typeof (Storage) !== "undefined") { 

    $('#save').on('click', function() { 
     window.alert("storagecomp"); 
     $('input[type="text"]').each(function() { 
      var id = $(this).attr('id'); 
      var value = $(this).val(); 
      localStorage.setItem(id, value); 
     }); 
    }); 

    $('#load').on('click', function() { 

     window.alert("warnigclick"); 
     $('input[type="text"]').each(function() { 
      var id = $(this).attr('id'); 
      var value = localStorage.getItem(id); 
      $(this).val(value); 
     }); 
    }); 
} else { 
    window.alert("Não suporte do browser para o LocalStorage"); 
} 

上記のjavascriptコードを呼び出すコードは次のとおりです。

<div id="buttonsL"> 
    <button type="submit" id="buttonL" name="submit">Registar Oferta</button> 
    <button id="save" name="submitG">Save</button> 
    <button id="load" name="fg" >Load</button> 
    <script src="../JSFiles/LocalStorageStuff.js" language="Javascript"></script> 
</div> 

私はすべてを検索してきましたが、私が間違っていることを理解できません。なぜこれらの2つの機能にアクセスしていないのですか？

Answer 1

タイプミス：あなたのクリックハンドラの両方で

$('input[type=text"]').each(function() { 
         ^---what's this for? 

。