###実現したいこと
①配列から文字列を検索し、検索した文字列が何番目にあるかhtml上に出力する。
②"AB"など二文字以上の文字を検索した場合も結果を出力する。
###発生している問題・エラーメッセージ
①アラートで表示する場合はすべてが表示されるが、innerHTMLで表示させると最後の番目しか出力されない。
②何個あるかはアラートで表示されるが、何番目にあるかは表示されない。
###該当のソースコード
javascript
1<html> 2<head> 3<meta chara="utf-8" /> 4<title>Sample</title> 5</head> 6 7 <script type="text/javascript> 8 var data="ABCDEFGFECBA"; 9 document.innerHTML=("文字列"+data); 10 </script> 11 12 <br><input type="button" value="サーチ" onClick="search()"> 13 14 <script type="text/javascript> 15 function search(){ 16 var moji=window.prompt("探したい文字は?"); 17 for(var i=0;i<=data.length;i++){ 18 var searchIndex = data.split(moji).length-1; 19 if(data[i]==moji){ 20 alert("先頭から"+(i+1)+"番目"); 21 } 22 } 23 alert("合計"+searchIndex+"個です。"); 24 } 25 </script> 26 27</body> 28</html>
出力する方法も良く分からでここで詰まっています。
初めて質問させていただきますので、至らない点もあると思いますがご教示の程よろしくお願いいたします。