VanillaJS 中的学生成绩生成器应用程序和源代码

共3个文件

html：1个

js：1个

css：1个

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

javascript

0 下载量 156 浏览量 2024-02-29 21:34:06 上传评论收藏 3KB ZIP 举报

温馨提示

学生成绩生成器应用程序是使用 JavaScript 编程语言开发的。这是一个用户友好的应用程序，可以自由定制以满足您的需求。该程序的目的是帮助您单独计算学生的所有成绩。该应用程序还通过分解每个科目来了解细分，从而提供了广泛的计算学生成绩的范围。这个简单的程序可以用作评分时的计算工具，您还可以使用带有数据库的特定脚本来存储您的成绩记录。带有源代码的 VanillaJS 中的学生成绩生成器应用程序特征基本 GUI 该项目包含图像和按钮元素。基本控制此项目使用基本控件与应用程序进行交互。用户友好的界面这个项目是在一个简单的用户友好的界面 Web 应用程序中设计的。 VanillaJS 中的学生成绩生成器应用程序安装指南下载此站点的源代码。找到并解压缩 zip 文件。打开解压缩的文件夹查找并找到文件“index.html”。在网络浏览器（Chrome、Firefox 等）中打开文件。

资源推荐

资源详情

资源评论

收起资源包目录

student-grade-generator-app-in-vanillajs.zip （3个子文件）

Student Grade Generator App in VanillaJS

index.html 2KB

styles.css 2KB

script.js 1KB

共 3 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Student Grade Generator App</title> <link href="https://fonts.googleapis.com/css?family=Righteous&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="background"> <div class="container"> <div class="screen"> <div class="screen-body"> <div class="screen-body-item"> <div class="app-form"> <div class="app-form-group"> <input type="text" class="app-form-control" placeholder="English" id="wd"> </div> <div class="app-form-group"> <input type="text" class="app-form-control" placeholder="MATHS" id="maths"> </div> <div class="app-form-group"> <input type="text" class="app-form-control" placeholder="COMPUTER" id="comp"> </div> <div class="app-form-group"> <input type="text" class="app-form-control" placeholder="PHYSICS" id="phy" > </div> <div > <input type="button" name="" value="Generate Grade" class="app-form-button" onclick="calcy()"> </div> </div> </div> <div class="screen-body-item left"> <div class="app-title"> <div class="animated infinite pulse"> STUDENT <br /> GRADE <br /> GENERATOR <br /> APP </div> </div> </div> </div> <div class="app-form-group showdata result_pass result_fail"> <p id="showData" > </p> <p id ="result" > </p> </div> </div> </div> <script src="script.js"> </script> </body> </html>

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论