如何在学习HTML和JS（CSS暂时没碰），初学者，用~~教程自学，但是模拟器上正确的代码到了F12控制台上失效？(语言-javascript)

问题遇到的现象和发生背景

在学习JS时出现了代码在模拟器上和控制台上不一致的情况

问题相关代码，请勿粘贴截图

img

img

img


<!DOCTYPE html>
<html>
    <head>
        <title>Say Hello To Someone</title>
        <script>
            function sayHello(sb){
                document.getElementById("sb").innerHTML = sb;
            }
        </script>
    </head>
    <body>
        <p>Hello <span id="sb"> </span>!</p>
        <button onclick="sayHello('他/她')">点击对他/她打招呼！</button>
    </body>
</html>
运行结果及报错内容

在~~教程上结果
（教程名违规，不过应该用的人很多，看图片应该都用过）

img


点击按钮后显示为

img


但是在控制台上：

img


点击按钮无效

我的解答思路和尝试过的方法

不知道

我想要达到的结果

达到能让F12上书写达到模拟器的效果（方便我用Hbuilder编写）

你的控制台 是哪个

没看懂表述的什么意思，在控制台写代码？控制台可以写JS代码

img

我在HBuilder和浏览器的F12中运行也都是正常的