JavaScriptのindexOFを使用し、フォームの特定文字を検出し処理を実行。

Question

JavaScriptのindexOfを使用し、フォームの特定文字（自分で決めた値など）を検出し処理を実行したいのですが、調べてもサンプルがとても少なく、よくわかりません。

例）

”あいうえお、かきくけこ、さしすせそ、たちつてと”
という文字列を

”あいうえお、index、さしすせそ、たちつてと”にした時に、indexの部分をindexOFで検出し
処理を実行し、入力欄にするようなものを作成したいです。

”あいうえお、入力欄、さしすせそ、たちつてと”のようにできないでしょうか？

アドバイスをよろしくお願いします。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

”あいうえお、かきくけこ、さしすせそ、たちつてと”

という文字列を
”あいうえお、index、さしすせそ、たちつてと”にした時

のくだりが何をしたのかわかりません
なにもせずにかきくけこはindexにはならないでしょうし
indexが入力欄になることもないでしょう。

また文字列の変更は正規表現が楽かもしれません

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  var txt1=document.querySelector('#hoge').textContent;
  document.querySelector('#change').addEventListener('click',e=>{
    var replacement=document.querySelector('#fuga').value;
    var txt2=txt1.replace(/かきくけこ/,replacement);
    document.querySelector('#hoge').textContent=txt2;
  });
});
</script>
<div id="hoge">あいうえお、かきくけこ、さしすせそ、たちつてと</div>
<input type="text" id="fuga" value="入力欄">
<input type="button" value="change" id="change">