【HTML】HTML+JAVASCRIPT写一个你是IKUN吗程序

SMG_DSG

已于 2024-02-17 07:44:23 修改

阅读量337

点赞数

分类专栏：网络编程文章标签： javascript 前端 html

于 2022-12-28 11:30:52 首次发布

本文链接：https://blog.csdn.net/SMG_DSG/article/details/128466341

版权

网络编程专栏收录该内容

1 篇文章 0 订阅

订阅专栏

你是IKUN？今天我就写一个网页程序来测试一下。

<!DOCTYPE html>
<html>
    <head>
        <title>IKUN测试器</title>
    </head>
    <body>
        <H1 id="IKUN">你是IKUN吗？</H1>
        <button onclick="ikun()">是</button>
        <button onclick="noikun()">不是</button>
        <script>
            function ikun(){
                document.getElementById("IKUN").innerHTML = "鸡你太美，你是IKUN";
            }
            function noikun(){
                document.getElementById("IKUN").innerHTML = "你干嘛，你为什么不是IKUN"
            }
        </script>
    </body>
</html>

期中的<script></script>标签就是用来编写Javascript代码的标签，document.getElementById("ikun")函数是用来获取HTML中的ID叫ikun的标签。

而函数中的innerHTML属性指的是标签中的内容，也就是头标前和尾标签的内容。

button标签中的οnclick="noikun()"是表示点击按键后运行的函数，函数是noikun()此函数是下面Javascript的函数function ikun(){}。