2つ以上の段落を結合する

Question

私はシンプルな「文章クイズでエラーを指す」を試しています。コードはうまくいくようですが、文章の3つの部分を段落のように表示したいと思います。

<p onclick="myFunction()">Being a holiday</p> 
<p onclick="myFunction2()"> we decided to go for a picnic</p> 
<p onclick="myFunction3()"> to the nearby park.</p> 

<p id="demo"></p> 

<script> 
    function myFunction() { 
     document.getElementById("demo").innerHTML = "<img src='../images/right.jpg'>"; 
    } 
    function myFunction2() { 
     document.getElementById("demo").innerHTML = "<img src='../images/wrong.jpg'>"; 
    } 
    function myFunction3() { 
     document.getElementById("demo").innerHTML = "<img src='../images/wrong.jpg'>"; 
    } 
</script> 

Answer 1

あなたが代わりに<p>タグの個々の<span>タグ内の各文ピースを入れ、次にそれらの<span>タグのonclick属性を設定することができます。それからちょうど単一<p>タグ内にすべてのそれらを置く：

<p> 
    <span onclick="myFunction()">Being a holiday</span> 
    <span onclick="myFunction2()"> we decided to go for a picnic</span> 
    <span onclick="myFunction3()"> to the nearby park.</span> 
</p> 

この作業フィドルをチェックアウト：https://jsfiddle.net/tp0yrwk8/1/