合并两个或多个段落

Question

我正在尝试一个简单的'在句子测验中指出错误'。代码似乎工作得很好，但我希望句子的三个部分显示为段落。

<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

您可以将每个句子放在单独的2%标记而不是<span>标记中，然后在这些<p>标记上设置onclick属性。然后将所有这些放在一个<span>标记中：

<p>

看看这个工作小提琴：https://jsfiddle.net/tp0yrwk8/1/