用js无法实现内容切换

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

感觉思路没有问题，不知道为什么点击没反应，放入w3school模拟也没反应

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<button type="button"  οnclick='show1()'>哥哥</button>
<button type="button"   οnclick='show2()'>弟弟</button>
<div  id="teachers">
I am a students
</div>
<div style="display: none" id="students">
        I will be better
</div>



</body>
<script type="text/javascript">
    function show1(){

        document.getElementById("teachers").style.display="block";

        document.getElementById("students").style.display="none";

    }

    function show2(){

        document.getElementById("teachers").style.display="none";

        document.getElementById("students").style.display="block";

    }
</script>
</html>
问题相关代码，请勿粘贴截图
运行结果及报错内容

img

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

这是原贴https://blog.csdn.net/m0_37771093/article/details/80485638?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&utm_relevant_index=2

我想要达到的结果

img

onclick 的第一次字母o不对,删除之后重新输入即可

<button type="button"  onclick='show1()'>哥哥</button>
<button type="button"  onclick='show2()'>弟弟</button>

你html标签的 οnclick 中 第一个 ο 是希腊文小写字母，编码是03BF， 正常的英文字母 o 编码是006F

可能是某个在线富文本编辑器，在写代码时为了防止代码中的事件意外的触发，把html标签中 onxxxxx 等事件的第一个字符 o 给自动改成了ο（编码是03BF）
你在复制代码后要注意改回来。

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

img

οnclick的o有问题，删了重新输入即可

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632