JS学习——案例：随机谚语·五角星评分·计算器

随机谚语

随机谚语的主要功能是：当页面加载完成时，它会找到指定的元素并设置其文本内容为随机选择的一条谚语，并可以通过点击一个按钮来获取另一条随机谚语。实现页面如下：

1. 定义一个数组（proverbs），其中包含了多个自定义的中文谚语；
2. 从HTML文档中获取两个元素：用于显示谚语的元素（display）和按钮元素（button）
3. 定义一个函数用于随机选择一个谚语并显示在displayElement中。首先生成一个介于0和proverbs.length - 1之间的随机数，然后使用这个随机数作为索引从proverbs数组中取出一个谚语，并将其设置为displayElement的内容。
4. 给按钮（buttonElement）添加了一个点击事件监听器，当用户点击这个按钮时，会调用randomProverb函数，即随机显示一个谚语。

实现代码JS部分如下：

<script>
        window.onload = function () {
   
   
            // 预定义的谚语数组  
            var proverbs = [
                "澄园之内 谁最尊贵",
                "于其扬汤止沸 不如釜底抽薪",
                "既入穷巷 就该及时掉头",
                "阅透人情知纸厚 踏穿世路觉山平",
                "已识乾坤大 尤怜草木青",
                "东隅已逝 桑榆非晚",
                "得道多助 失道寡助",
                "繁华落尽 皆是过眼云烟",

            ];

            // 获取显示谚语的元素和按钮元素  
            var displayElement = document.getElementById("display");
            var buttonElement = document.getElementById("button");

            // 随机谚语函数  
            function randomProverb() {
   
   
                var randomIn