### 前提・実現したいこと replaceと配列を使って、翻訳機のようなものを作りたいと考えています。置換後の語句にカーソルを載せると、翻訳前の語句が表示されるようなプログラミングを作りたいです。実現したい流れ ![![イメージ説明](4b2be8cdea4fc21df35f212bab241212.png)](c1494b958855378bd0328907d842cd6d.png) ### 発生している問題・エラーメッセージ ``` replaceで置き換えた文字にmouseover要素を加えたい。置換後の語句にHTML要素(mouseoverを加えたり、文字にリンクを貼ったり)を持たせる方法に詰まってしまいました。または、replaceを使って、同じ動きをするプログラミング方法があれば教えていただきたいです。 ``` ### 該当のソースコード ```HTML

ここに出力されます

``` ```javascript unction update_field() { text = document.getElementById("input").value; document.getElementById("output").innerHTML = text; $(function(){ var arr1 = [ /りんご/g, /ドライバー/g, ]; var arr2 = [ 　 "果物", "工具", ]; $('#output').each(function(){ for(var i=0, len=arr1.length; i' + arr2[i] + '') ); } }); }); } ``` ```CSS .kaisei { color: #e60012; text-decoration:underline; } ``` プログラミング初心者で、至らない点が多く申し訳ありません。ご回答のほどよろしくお願いいたします。

	@@ -1 +1 @@
1	- replaceで置換した文字にmouseover要素を加えたい
1	+ 【画像あり】replaceで置換した文字にmouseover要素を加えたい

質問編集履歴