ダブルクリックするたびに段落内のテキストを複製するHTMLスニペットを作成するにはどうすればよいですか？

私は以下のように何かを得るためにスニペットを書きたい：ダブルクリックするたびに段落内のテキストを複製するHTMLスニペットを作成するにはどうすればよいですか？

（開始）：テキスト

（2回のダブルクリックした後）（1回のダブルクリックした後に）テキストテキスト

テキストテキストテキストテキスト

（3回のダブルクリックした後に）テキストテキストテキストテキストテキストテキストテキストテキストは

は私のコードは、私はそれをダブルクリックしたときに、私は一度複製することができます。それをダブルクリックするたびに複製する方法は？助けてください！！ありがとう！そのよう

<!DOCTYPE html> 
<html> 
<body> 

<p>This is a paragraph.</p> 
<button ondblclick="myFunction()">Click me!</button> 
<div id="results"></div> 

<script> 
function myFunction(){ 
    var str = "This is a paragraph."; 
    var res = str.concat(str); 
    document.getElementById("results").innerHTML = res; 
} 

</script> 
</body> 
</html>

出典

2017-02-18 Amber Flynn

：

https://jsfiddle.net/2pzmo58t/1/

代わりの.innerHTMLを使用して、あなたは.append()を使用すると思います。

出典

2017-02-18 03:38:23 user6003859

関数を呼び出すたびに関数がdiv（#results）の内容を上書きしているので、現在のテキストを取得する必要があるので、1つのdoubleステートメントのみが可能になります。それにテキストを挿入し、innerHTMLをその結合値に設定します。

function myFunction(){ 
 
    var str = "This is a paragraph."; 
 
    var res = str.concat(str); 
 
    var currentText = document.getElementById("results").innerHTML; 
 
    document.getElementById("results").innerHTML = currentText + res; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
    <p>This is a paragraph.</p> 
 
    <button ondblclick="myFunction()">Click me!</button> 
 
    <div id="results"></div> 
 
</body> 
 
</html>

出典

2017-02-18 03:38:32 gavgrif

ありがとうございます！私は本当にあなたの助けに感謝します。 –

ご歓迎ありがとうございます。この解決策が問題を解決する場合は、受け入れられたチェックボックスをクリックして、他のユーザーに問題が解決したことを知らせてください。ハッピーコーディング:) – gavgrif

ダブルクリックするたびに段落内のテキストを複製するHTMLスニペットを作成するにはどうすればよいですか？

答えて

関連する問題