首页
   /       /   
蓝桥杯(web组)题解-新年贺卡
3月
10
蓝桥杯(web组)题解-新年贺卡
作者:大彭Sir    分类: 学习笔记

背景介绍

新年马上到了,大家肯定有很多祝福的话语要对自己的亲人朋友说,下面我们一起来制作一张贺卡,让我们把想说的话都写在贺卡上。

考试要求

请仔细阅读需要完善代码部分的提示,之后完善 index.js 样式文件中的 TODO 部分,点击书写贺卡,卡片随机展示已经写好的祝福语:

js代码(三行搞定)

document.addEventListener('DOMContentLoaded', function () {
    const greetingDisplay = document.getElementById("greeting-display")
    const btn = document.getElementById("btn")
    // 点击开始书写按钮
    btn.addEventListener("click", () => {
        show(greetingDisplay)
    })
})
const greetings = [
    "新年快乐!",
    "接受我新春的祝愿,祝你平安幸福",
    "祝你新年快乐,洋洋得意!",
    "新的一年,新的开始;心的祝福,新的起点!",
    "新年好!祝新年心情好,身体好,一切顺心!",
]

// 随机数函数 从 greetings 随机取一个值并返回
function writeGreeting() {
    // TODO 带补充代码  
    //取一个0-5的随机数
    var sj = Math.floor(Math.random()*5);
    //返回
    return greetings[sj]
}

/*
 * @param {*} greetingDisplay  要显示内容的dom元素
 */
//  show 将 writeGreeting 函数中返回的内容显示在 greetingDisplay 元素中
function show(greetingDisplay) {
    // TODO 待补充代码
    //写入页面
    greetingDisplay.innerHTML=writeGreeting()
}

module.exports = { show, writeGreeting }
本文标签:标签: javaScript web
责任声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
转载声明:本文作者大彭Sir,如需转载请保留文章出处!原文链接请自行复制!

Theme By Brief 鄂ICP备19010459号

站长统计 sitemap

首页

分类

友链

登录