javascript中的显示和隐藏（display属性）的问题

这是在csdn中看到的一篇博文，我在编辑器中尝试啦一下，不知道为什么没有反应，哪里有问题？谢谢

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
    <script type="text/javascript">
        function hidetext()  
        {  
        var mychar = document.getElementById("con");
         mychar.style.display="none"; // 不显示，隐藏
        }  
        function showtext()  
        {  
        var mychar = document.getElementById("con");
         mychar.style.display="block";   // 显示，不隐藏
        }
    </script>
</head>
<body>  
    <h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
    <form>
       <input type="button" οnclick="hidetext()" value="隐藏内容" />
       <input type="button" οnclick="showtext()" value="显示内容" />
    </form>
</body>
</html>

版权声明：本文为CSDN博主「武晓兵」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wuxiaobingandbob/article/details/51381091

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>display</title>
    <script type="text/javascript">
        function hidetext()  
        {  
        var mychar = document.getElementById("con");
         mychar.style.display="none"; // 不显示，隐藏
        }  
        function showtext()  
        {  
        var mychar = document.getElementById("con");
         mychar.style.display="block";   // 显示，不隐藏
        }
    </script>
</head>
<body>  
    <h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
    <form>
       <input type="button" onclick="hidetext()" value="隐藏内容" />
       <input type="button" onclick="showtext()" value="显示内容" />
    </form>
</body>
</html>

啥也没改，是你绑定点击事件那个 ‘onclick’ 这几个字母输入有问题，不知道你怎么输入的，你重打一遍就好了

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
    <script type="text/javascript">
        function hidetext()  
        {  
        var mychar = document.getElementById("con");
         mychar.style.display="none"; // 不显示，隐藏
        }  
        function showtext()  
        {  
        var mychar = document.getElementById("con");
         mychar.style.display="block";   // 显示，不隐藏
        }
    </script>
</head>
<body>  
    <h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
    <form>
       <input type="button" onclick="hidetext()" value="隐藏内容" />
       <input type="button" onclick="showtext()" value="显示内容" />
    </form>
</body>
</html>

如有帮助，麻烦点个【采纳此答案】谢谢啦~

onclick

源码中οnclick的“ο”有问题，ascii码是959，而正确的o的ascii码是111
把颜色不正确的o手动改了就行


<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>display</title>
   
</head>
<body>  
    <h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
    <form>
        <input type="button" value="隐藏内容" id="hide"/>
        <input type="button" value="显示内容"  id="show"/>
    </form>
    <script type="text/javascript">
    window.onload=function(){
        var mychar = document.getElementById("con");
        var hideBtn = document.getElementById("hide");
        var showBtn = document.getElementById("show");
        hideBtn.onclick=function(){  
            mychar.style.display="none"; // 不显示，隐藏
        }  
        showBtn.onclick=function(){  
            mychar.style.display="block";   // 显示，不隐藏
        }
    }
        
    </script>
</body>
</html>

你也可以通过这种绑定点击事件也可以达到想要的效果