HTML脚本后段落未延续，herb2、herb3未显示且随机器失效求助

问题2：部分元素不显示随机值的修复 #

你的循环条件是x < 4，这会让x只取1、2、3三个值，对应demo1、demo2、demo3，而Tesla3对应的demo4没被赋值，自然不会显示随机值。把循环条件改成x <= 4（或x < 5）就能覆盖所有四个元素：

for (var x = 1; x <= 4; x++) {
    document.getElementById("demo" + x).innerHTML =
    Math.floor(Math.random() * 8) + 2 + '0%';
}

你提到的herb2和herb3应该是代码里对应元素的笔误，只要确保目标元素的id符合demo+数字的命名规则，且循环范围包含对应数字，就能正常显示随机值。

问题1：段落无法正常延续的修复 #

你把所有内容挤在一个<p>标签里，用<br>换行容易导致排版混乱，视觉上看起来“段落无法延续”。建议拆分结构，用多个<p>标签组织内容：

<br>
<p>- - - - - - - - - - - - - - -</p>
<p>D1X (MOD1)</p>
<p>EPN419</p>
<p>Tesla 1 (left): <span id="demo1"></span></p>
<p>Tesla 1 (right): <span id="demo2"></span></p>
<p>Tesla 2: <span id="demo3"></span></p>
<p>Tesla 3: <span id="demo4"></span></p>

脚本本身只是给span标签赋值，不会破坏段落结构，视觉上的异常主要是原排版结构不合理导致的。

完整修复后的代码 #

<!DOCTYPE html>
<html>
<body>
    <br>
    <p>- - - - - - - - - - - - - - -</p>
    <p>D1X (MOD1)</p>
    <p>EPN419</p>
    <p>Tesla 1 (left): <span id="demo1"></span></p>
    <p>Tesla 1 (right): <span id="demo2"></span></p>
    <p>Tesla 2: <span id="demo3"></span></p>
    <p>Tesla 3: <span id="demo4"></span></p>

    <script>
        for (var x = 1; x <= 4; x++) {
            document.getElementById("demo" + x).innerHTML =
            Math.floor(Math.random() * 8) + 2 + '0%';
        }
    </script>
</body>
</html>

内容的提问来源于stack exchange，提问作者ZaHecc