<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Grocery Listing App</title>
<!-- font-awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
/>
<!-- styles -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<section class="section-center">
<!-- form -->
<form class="grocery-form">
<p class="alert"></p>
<h3>Grocery Listing App</h3>
<div class="form-control">
<input type="text" id="grocery" placeholder="e.g. chicken" />
<button type="submit" class="submit-btn">add</button>
</div>
</form>
<!-- list -->
<div class="grocery-container">
<div class="grocery-list"></div>
<button class="clear-btn">clear items</button>
</div>
</section>
<!-- javascript -->
<script src="script.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
VanillaJS 中的杂货列表应用程序和源代码
共4个文件
jpg:1个
html:1个
js:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 116 浏览量
2024-02-29
21:11:54
上传
评论
收藏 165KB ZIP 举报
温馨提示
杂货列表应用程序是纯粹使用 JavaScript 编程语言构建的。这是一个用户友好的应用程序,可以自由定制以满足您的需求。该程序的目的是为您提供一种为您的杂货创建清单的方法。该应用程序旨在使用户更容易组织杂货清单。这最终会帮助你,特别是如果你总是健忘的话。 带有源代码的 VanillaJS 中的杂货列表应用程序特征 基本 GUI 该项目包含图像和按钮元素。 基本控制 此项目使用基本控件与应用程序进行交互。 用户友好的界面 这个项目是在一个简单的用户友好的界面 Web 应用程序中设计的。
资源推荐
资源详情
资源评论
收起资源包目录
grocery-listing-app-in-vanillajs.zip (4个子文件)
Grocery Listing App in VanillaJS
background.jpg 161KB
index.html 1KB
styles.css 6KB
script.js 6KB
共 4 条
- 1
资源评论
新华
- 粉丝: 9741
- 资源: 610
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功