<div>正确答案：</div> <% result.forEach(function(item){ %> <tr> <tr> <td>源地址:<%= item.source %></td> <td>源区域:<%= item.area %></td> <td>目标地址:<%= item.target %></td> <td>目标区域:<%= item.tarea %></td> <td>服务:<%= item.serv %></td> <td>日期:<%= item.time %></td> <td>动作:<%= item.action %></td> <td>状态:<%= item.state %></td> </tr> <br> <% student.forEach(function(ites){ %> <br> <div>您的答案：</div> <tr> <tr> <td>源地址:<%= ites.source %></td> <td>源区域:<%= ites.area %></td> <td>目标地址:<%= ites.target %></td> <td>目标区域:<%= ites.tarea %></td> <td>服务:<%= ites.serv %></td> <td>日期:<%= ites.time %></td> <td>动作:<%= ites.action %></td> <td>状态:<%= ites.state %></td> </tr> <% if(item.source==ites.source) fraction+=10; if(item.area==ites.area) fraction+=10; if(item.target==ites.target) fraction+=10; if(item.tarea==ites.tarea) fraction+=10; if(item.serv==ites.serv) fraction+=10; if(item.time==ites.time) fraction+=10; if(item.action==ites.action) fraction+=20; if(item.state==ites.state) fraction+=20; %> <br><br> 恭喜您，您的分数为： <%= fraction %> <% }) %> <% }) %> 这段代码如果stat相同fration变为红色

时间: 2024-02-16 21:11:32 浏览: 26
可以通过在代码中添加一个判断语句，来实现在状态相同的情况下将分数变为红色。例如： ``` <div>正确答案：</div> <% result.forEach(function(item){ %> <tr> <td>源地址:<%= item.source %></td> <td>源区域:<%= item.area %></td> <td>目标地址:<%= item.target %></td> <td>目标区域:<%= item.tarea %></td> <td>服务:<%= item.serv %></td> <td>日期:<%= item.time %></td> <td>动作:<%= item.action %></td> <td>状态:<%= item.state %></td> </tr> <br> <% student.forEach(function(ites){ %> <br> <div>您的答案：</div> <tr> <td>源地址:<%= ites.source %></td> <td>源区域:<%= ites.area %></td> <td>目标地址:<%= ites.target %></td> <td>目标区域:<%= ites.tarea %></td> <td>服务:<%= ites.serv %></td> <td>日期:<%= ites.time %></td> <td>动作:<%= ites.action %></td> <td>状态:<%= ites.state %></td> </tr> <% var fraction = 0; %> <% if(item.source==ites.source) fraction+=10; %> <% if(item.area==ites.area) fraction+=10; %> <% if(item.target==ites.target) fraction+=10; %> <% if(item.tarea==ites.tarea) fraction+=10; %> <% if(item.serv==ites.serv) fraction+=10; %> <% if(item.time==ites.time) fraction+=10; %> <% if(item.action==ites.action) fraction+=20; %> <% if(item.state==ites.state) { %> <% fraction+=20; %> <% if(item.state==ites.state && item.state==stat){ %> <% fraction= '<span style="color:red;">'+fraction+'</span>'; %> <% } %> <% } %> <br><br> 恭喜您，您的分数为： <%= fraction %> <% }) %> <% }) %> ``` 这里使用了嵌套的判断语句，如果item.state==ites.state 且 item.state==stat，则将 fraction 变量的值用 <span> 标签包裹，并设置颜色为红色。

相关推荐

zip

<c:forEach>/jstl-1.2

<c:forEach> 为循环控制，它可以将集合(Collection)中的成员循序浏览一遍。运作方式为当条件符合时，就会持续重复执行<c:forEach>的本体内容。 语法 语法1：迭代一集合对象之所有成员 <c:forEach [var="varName...
pdf

php获取数组中键值最大数组项的索引值 原创

主要介绍了php获取数组中键值最大数组项的索引值的方法,主要通过asort对数组进行排序,再使用foreach循环将数组索引值赋给一个新的数组,从而获取其对应索引值,非常具有实用价值,需要的朋友可以参考下
zip

cycler:forEach -> for

var forrer = require ( './src/forrer' ) ; var code = 'arr.forEach(function(a) { console.log(a); });' ; console . log ( forrer ( code ) ) ; 转换看起来像： arr . forEach ( function ( a ) { console . ...

<?php // 连接数据库 $conn = new mysqli("localhost", "root", "123456", "wyya"); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询五个歌单的表 $tables = array(); $result = mysqli_query($conn, "SHOW TABLES LIKE '%_list'"); if ($result->num_rows > 0) { while ($row = mysqli_fetch_array($result)) { $tables[] = $row[0]; } } // 将歌单中包含的语种代码替换成对应的语种名称 function getLanguageName($languageCode) { switch($languageCode) { case "one": return "华语"; case "two": return "欧美"; case "three": return "日语"; case "four": return "韩语"; case "five": return "粤语"; default: return ""; } } // 获取选中的歌单表 $tableName = isset($_GET["table"]) ? $_GET["table"] : ""; $data = array(); if (!empty($tableName)) { $result = mysqli_query($conn, "SELECT * FROM $tableName"); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $row["language"] = getLanguageName($row["language"]); $data[] = $row; } } } ?> <!DOCTYPE html> <html> <head> <title>网易云音乐歌单</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> 网易云音乐歌单 分类 <?php foreach ($tables as $table) { ?> <?php echo getLanguageName(str_replace("_list", "", $table)); ?> <?php } ?> <?php if (!empty($tableName)) { ?> <?php $columns = mysqli_query($conn, "SHOW COLUMNS FROM $tableName"); if ($columns->num_rows > 0) { while ($column = mysqli_fetch_array($columns)) { ?> <?php echo $column["Field"]; ?> <?php } } ?> <?php foreach ($data as $row) { ?> <?php foreach ($row as $value) { ?> <?php echo $value; ?> <?php } ?> <?php } ?> <?php } ?> <?php // 关闭连接 $conn->close(); ?> </body> </html>修改代码，给分类菜单和其中的选项优化成按钮样式

<div class="dropdown"> <a href="#">分类</a> <div class="dropdown-content"> <?php foreach ($tables as $table) { ?> <a href="?table=<?php echo $table; ?>"> <?php echo getLanguageName(str_replace("_...

<?php // 连接数据库 $conn = new mysqli("localhost", "root", "123456", "wyya"); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询五个歌单的表 $tables = array(); $result = mysqli_query($conn, "SHOW TABLES LIKE '%_list'"); if ($result->num_rows > 0) { while ($row = mysqli_fetch_array($result)) { $tables[] = $row[0]; } } // 将歌单中包含的语种代码替换成对应的语种名称 function getLanguageName($languageCode) { switch($languageCode) { case "one": return "华语"; case "two": return "欧美"; case "three": return "日语"; case "four": return "韩语"; case "five": return "粤语"; default: return ""; } } // 获取选中的歌单表 $tableName = isset($_GET["table"]) ? $_GET["table"] : ""; $data = array(); if (!empty($tableName)) { $result = mysqli_query($conn, "SELECT * FROM $tableName"); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $row["language"] = getLanguageName($row["language"]); $data[] = $row; } } } ?> <!DOCTYPE html> <html> <head> <title>网易云音乐歌单</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> 网易云音乐歌单 分类 <?php foreach ($tables as $table) { ?> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $table; ?>"> <button type="submit"> <?php echo getLanguageName(str_replace("_list", "", $table)); ?> </button> </form> <?php } ?> <?php if (!empty($tableName)) { ?> <?php $columns = mysqli_query($conn, "SHOW COLUMNS FROM $tableName"); if ($columns->num_rows > 0) { while ($column = mysqli_fetch_array($columns)) { ?> <?php echo $column["Field"]; ?> <?php } } ?> <?php foreach ($data as $row) { ?> <?php foreach ($row as $value) { ?> <?php echo $value; ?> <?php } ?> <?php } ?> <?php } ?> <?php // 关闭连接 $conn->close(); ?> </body> </html>修改代码，将分类中的五个按钮横向排列，每个按钮间有一定间隔

<div> <h3>分类</h3> <div style="display:flex; justify-content:space-between;"> <?php foreach ($tables as $table) { ?> <form method="get" action=""> <input type="hidden" name="table" value="<?...

function getall() { $.ajax({ url: 'http://localhost:3000/books', type: 'get', dataType: 'json', success: function (result) { console.log(result); //定义一个变量，用来拼接出数据行tr let str = ''; //遍历服务端返回给前端的数组 result.forEach((val) => { //拼接 str += ''+val.name+'';}); //把拼接好的数据行放入到tbody中 var texiao= document.getElementById('texiao'); $("#texiao").html(str); // $('tbody').html(str); } }); }

3. 当请求成功时，通过 success 回调函数处理返回的数据，遍历 result 数组，对每个数组元素进行字符串拼接。 4. 拼接后的字符串通过 jQuery 的 html() 方法设置到 id 为 texiao 的元素中，从而将书籍数据渲染到...

<?php // 连接数据库 $conn = new mysqli("localhost", "root", "123456", "wyya"); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询五个歌单的表 $tables = array(); $result = mysqli_query($conn, "SHOW TABLES LIKE '%_list'"); if ($result->num_rows > 0) { while ($row = mysqli_fetch_array($result)) { $tables[] = $row[0]; } } // 将歌单中包含的语种代码替换成对应的语种名称 function getLanguageName($languageCode) { switch($languageCode) { case "one": return "华语"; case "two": return "欧美"; case "three": return "日语"; case "four": return "韩语"; case "five": return "粤语"; default: return ""; } } // 获取选中的歌单表 $tableName = isset($_GET["table"]) ? $_GET["table"] : ""; $data = array(); if (!empty($tableName)) { $result = mysqli_query($conn, "SELECT * FROM $tableName"); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $row["language"] = getLanguageName($row["language"]); $data[] = $row; } } } ?> <!DOCTYPE html> <html> <head> <title>网易云音乐歌单</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> 网易云音乐歌单 <?php foreach ($tables as $table) { ?> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $table; ?>"> <button type="submit" style="margin-right:10px;"> <?php echo getLanguageName(str_replace("_list", "", $table)); ?> </button> </form> <?php } ?> <?php if (!empty($tableName)) { ?> <?php $columns = mysqli_query($conn, "SHOW COLUMNS FROM $tableName"); if ($columns->num_rows > 0) { while ($column = mysqli_fetch_array($columns)) { ?> <?php echo $column["Field"]; ?> <?php } } ?> <?php foreach ($data as $row) { ?> <?php foreach ($row as $value) { ?> <?php echo $value; ?> <?php } ?> <?php } ?> <?php } ?> <?php // 关闭连接 $conn->close(); ?> </body> </html>修改代码，使五个按钮靠在一起，并适当增大每个按钮，将华语按钮填充为红色，将欧美按钮填充为蓝色，将日语按钮填充为黄色，将韩语按钮填充为粉色，将粤语按钮填充为紫色

<div> <div style="display:flex; justify-content:space-between;"> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $tables[0]; ?>"> <button type="submit" class=...

用ajax实现登录 验证成功跳至查询页面 查询页面详细代码

<p>以下是您的查询结果：</p> <div id="result"></div> <script src="search.js"></script> </body> </html> JavaScript代码（search.js）： javascript $(function() { // 发送查询请求 $.ajax({ ...

net mvc ajax局部刷新代码

<div id="data-container"></div> 2. 在 JavaScript 中编写 AJAX 请求： $(function () { $.ajax({ url: '@Url.Action("GetData", "ControllerName")', type: 'GET', success: function (result) { $...

dao包有ProductDao，UserDao，service有ProductService，UserService，servlet有BaseServlet，filter有BaseFilter（除了load.jsp请求和load.action请求，其他请求资源访问必须先登录），页面中包括一个搜索栏和一个表格。搜索栏包括商品Id（精确查询）和商品名称（模糊查询）两个输入框，以及一个搜索商品按钮。表格中包括全选/全不选的复选框、商品id、商品类别、类别名称和操作（删除），以及最下方的批量删除按钮。 在数据库中，有一个product表，包括pid、pname、pimage、shop_price四个字段，以及一个category表，包括cid和cname两个字段。在页面中，勾选复选框后，下方会显示商品Id、商品图片和商品价格。完善代码

List<Product> products = new ArrayList<>(); while (rs.next()) { Product product = new Product(); product.setPid(rs.getInt("pid")); product.setPname(rs.getString("pname")); product.setPimage(rs....

php执行shell_exec("ntpq -p") html通过ajax调用php 将php输出的内容绘制成表格输出在页面上的完整代码

$table = "<table><thead><tr><th>Remote</th><th>Refid</th><th>St</th><th>T</th><th>When</th><th>Poll</th><th>Reach</th><th>Delay</th><th>Offset</th><th>Jitter</th></tr></thead><tbody>"; $rows = explode...

用thinkphp给我一个文章管理的功能

<label for="content">内容：</label> <textarea name="content" id="content"></textarea> </div> <div> <button type="submit">保存</button> </div> </form> 修改文章视图文件edit.html： html ...

java：邮箱配置，点击配置，弹出弹窗，弹窗中可以对邮箱输入框进行动态的增加和删除，通过easyui+ssm实现，前后端具体代码

public Result save(@RequestParam("emailList[]") List<String> emailList) { emailService.saveEmailList(emailList); return new Result(true, "保存成功"); } } #### Service java @Service public...

ASP.NET MVC页面搜索功能实现(普通方法和使用Ajax)

<div id="searchResult"></div> @section Scripts { <script> $(function () { $('#searchForm').submit(function (e) { e.preventDefault(); var searchString = $('#searchString').val(); $.ajax({ url...

教我如何用做一个学生管理系统

<label>出生日期：</label> <input type="date" id="birthday" name="birthday"><br> <label>专业：</label> <input type="text" id="major" name="major"><br> <label>年级：</label> <input type="text" ...

SSM框架分页展示Hdfs文件列表，返回上一级，进入下一级，上传文件，删除文件，下载文件前后端代码

List<String> fileList = new ArrayList<>(); for (Path p : paths) { fileList.add(p.getName()); } return fileList; } /** * 返回上一级目录 * * @param path 当前目录路径 * @return 上一级目录路径...

用js写一个简单计算器

<h2 id="result"></h2> <script src="calculator.js"></script> </body> </html> JavaScript部分（calculator.js）： js function calculate(operator) { var num1 = parseInt(document.getElementById...

HTML5中读取csv文件，并以表格形式展示出来

<div id="table-container"></div> <script> // 获取文件输入框元素 var fileInput = document.getElementById("fileinput"); // 监听文件选择事件 fileInput.addEventListener("change", function(e) { var ...

帮我写一个 用ajax实现增删改查前后端,，使用html文件、js文件中应用ajax为前端，一般处理程序ashx为后端，使用SqlServer数据库

List<Dictionary<string, object>> list = new List<Dictionary<string, object>>(); foreach (DataRow dataRow in table.Rows) { Dictionary<string, object> dict = new Dictionary<string, object>(); ...

最新推荐

recommend-type

基于关键词搜索结果的微博爬虫（下载即用）.zip

基于关键词搜索结果的微博爬虫（下载即用）.zip本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，当然也适合小白学习进阶。如果基础还行，可以在此代码基础上进行修改，以实现其他功能。 基于关键词搜索结果的微博爬虫（下载即用）.zip本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，当然也适合小白学习进阶。如果基础还行，可以在此代码基础上进行修改，以实现其他功能。 基于关键词搜索结果的微博爬虫（下载即用）.zip本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，当然也适合小白学习进阶。如果基础还行，可以在此代码基础上进行修改，以实现其他功能。 基于关键词搜索结果的微博爬虫（下载即用）.zip本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，当然也适合小白学习进阶。如果基础还行，可以在此代码基础上进行修改
recommend-type

node-v4.4.1-headers.tar.xz

Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
recommend-type

J波模拟matlab代码.zip

1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
recommend-type

Obsidian quickadd插件

Obsidian quickadd插件
recommend-type

Fraunhofer Versatile Video Encoder (VVenC) v0.1

这份文件是关于Fraunhofer Versatile Video Encoder (VVenC) v0.1版本的文档，由Fraunhofer Heinrich Hertz Institute (HHI)的视频编码与分析部门的Jens Brandenburg, Adam Wieckowski, Tobias Hinz, Benjamin Bross撰写
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

【实战演练】增量式PID的simulink仿真实现

# 2.1 Simulink仿真环境简介 Simulink是MATLAB中用于建模、仿真和分析动态系统的图形化环境。它提供了一个直观的用户界面，允许用户使用块和连接线来创建系统模型。Simulink模型由以下元素组成： - **子系统：**将复杂系统分解成更小的、可管理的模块。 - **块：**代表系统中的组件，如传感器、执行器和控制器。 - **连接线：**表示信号在块之间的流动。 Simulink仿真环境提供了广泛的块库，涵盖了各种工程学科，包括控制系统、电子和机械工程。它还支持用户自定义块的创建，以满足特定仿真需求。 # 2. Simulink仿真环境的搭建和建模 ### 2.
recommend-type

训练集和测试集的准确率都99%，但是预测效果不好

即使训练集和测试集的准确率都很高，但是在实际的预测中表现不佳，可能会有以下几个原因： 1. 数据质量问题：模型训练和测试的数据可能存在问题，比如数据标签错误、数据集采样不均衡、数据集中存在异常值等问题，这些问题可能会导致模型在实际预测中表现不佳。 2. 特征工程问题：模型的特征工程可能存在问题，导致模型无法很好地捕捉数据的特征，从而影响预测效果。 3. 模型选择问题：模型的选择可能不合适，比如选择的模型太简单，无法很好地拟合数据，或者选择的模型太复杂，导致过拟合等问题。 4. 超参数调整问题：模型的超参数可能没有调整到最佳状态，需要进行调整。 针对以上可能的原因，可以采取相应的措施进
recommend-type

JSBSim Reference Manual

JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。