web蓝桥杯真题--14、关于你的欢迎语-Toy模板网

这篇具有很好参考价值的文章主要介绍了web蓝桥杯真题--14、关于你的欢迎语。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

介绍

营销号，有时候需要一些特定的欢迎语，但针对特定的用户，我们希望可以个性化一点。本题需要在项目文件中修改代码存在的问题，实现根据模版生成特定用户的欢迎语。

准备

本题已经内置了初始代码，打开实验环境，目录结构如下：

├── css
│   ├── bootstrap.min.css
│   └── style.css
├── js
│   ├── bootstrap.bundle.min.js
│   └── index.js
└── index.html

web蓝桥杯真题--14、关于你的欢迎语,蓝桥杯真题web,前端,蓝桥杯,职场和发展

其中：

css/style.css 是页面样式文件。
css/bootstrap.min.css 和 js/bootstrap.bundle.min.js 是 Bootstrap 相关文件。
js/index.js 是页面功能实现的逻辑代码。
index.html 是页面布局。

选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。打开环境右侧的【Web 服务】，就可以在浏览器中看到如下错误显示，当前显示没有正确获取到输入的用户、课程、平台的输入框内容。

web蓝桥杯真题--14、关于你的欢迎语,蓝桥杯真题web,前端,蓝桥杯,职场和发展

目标

请修复 index.js 文件中存在的 bug，修复完成后，在表单的对应输入框中输入以下内容：

web蓝桥杯真题--14、关于你的欢迎语,蓝桥杯真题web,前端,蓝桥杯,职场和发展

页面效果如下所示：

web蓝桥杯真题--14、关于你的欢迎语,蓝桥杯真题web,前端,蓝桥杯,职场和发展

规定

请严格按照考试步骤操作，切勿修改考试默认提供项目中的文件名称、文件夹路径等。
满足题目需求后，保持 Web 服务处于可以正常访问状态，点击「提交检测」系统会自动判分。

解题思路：

首先这个题目考虑的是两个问题

一个是能否正确的获取到value值，我刚开始就是忽略这里了

subject = document.getElementById("subject").value;

第二点就是看会不会模板字写法了，（还有别的方法，我会这个）模板字面量是一种特殊的字符串表示方法，它可以在字符串中插入变量、表达式或函数调用，并且保留换行符和空格。

result = `欢迎用户${subject}在${event2}学习${event1}课程！`;

另外一定要注意这里的在***学习是event2，学习的***课程才是event1，刚开始没注意，太粗心了，这要是考试就废了

整体代码：文章来源地址https://www.toymoban.com/news/detail-823756.html

function generate() {
    subject = document.getElementById("subject").value;
    event1 = document.getElementById("event1").value;
    event2 = document.getElementById("event2").value;
    if (subject.length==0 || event1.length==0 || event2.length==0){
        return;
    }
    result = `欢迎用户${subject}在${event2}学习${event1}课程！`;
   // result = "欢迎用户subject在event学习event1课程！";
    document.getElementById("result").value = result;
}

到了这里，关于web蓝桥杯真题--14、关于你的欢迎语的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！