前端開發(fā)之便利店收銀系統(tǒng)代碼
更新時間：2019年12月27日 10:34:31 作者：龍須餅是怎么做的
這篇文章主要介紹了社區(qū)便利店收銀系統(tǒng)代碼,使用前端初級開發(fā)者，代碼很簡單需要的朋友可以參考下
1+X前端初級JQ
社區(qū)便利店收銀系統(tǒng)代碼
<body> <input type="text" id="t" value="" disabled="disabled" /> <form id="main" action="" method=""> <span>4.5</span> <input type="button" onclick="addClick(4.5)" value="+" /><br> <span>15</span> <input type="button" onclick="addClick(15)" value="+" /><br> <span>5</span> <input type="button" onclick="addClick(5)" value="+" /><br> </form> <input type="button" name="" id="JZ" value="結賬" onclick="sub()" /> <input type="button" name="" id="wanc" value="交易完成" onclick="reload()" /> </body>
addClick = (price) => {
let result = $('#t').val(); //從表單里面獲取value值
if (result == "") { //如果為空
$('#t').val(price); //把值輸入到#t（顯示框）
} else {
$('#t').val(result + "+" + price); //不為空就在value后面加一個+鏈接price
}
}
sub = () => {
let result = $('#t').val();
// let a = [];
let sum = 0;
if (result != "") {
var count = result.split('+'); //count是以一個以+號切割的數(shù)組對象
for (let i = 0; i < count.length; i++) {
sum += parseFloat(count[i]); //取出來，取值
}
$('#t').val("總金額：" + sum);
disableBtn();
transparency();
}
}
disableBtn = () => {
$('#JZ').attr('disabled', 'disabled');
}
transparency = () => {
$("#main").css("transition","all 1s");
$("#main").css("opacity","0.3");
}
reload=()=>{
location.reload();
}
總結
以上所述是小編給大家介紹的前端開發(fā)之便利店收銀系統(tǒng)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
OpenLayers?是一個專為Web?GIS?客戶端開發(fā)提供的JavaScript?類庫包，用于實現(xiàn)標準格式發(fā)布的地圖數(shù)據(jù)訪問。本文將利用OpenLayer實現(xiàn)自定義坐標點的繪制，感興趣的可以了解一下2022-04-04
本文主要分享了javascript中遞歸的兩種寫法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
本文為大家介紹下如何使用js捕獲鼠標滾輪事件，原理很簡單，感興趣的朋友可以參考下2013-12-12
Javascript摸擬自由落體與上拋運動原理與實現(xiàn)方法詳解
這篇文章主要介紹了Javascript摸擬自由落體與上拋運動,結合實例形式分析了Javascript摸擬自由落體與上拋運動相關原理、實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了JS實現(xiàn)淡藍色簡潔豎向Tab點擊切換效果,通過JavaScript相應鼠標事件實現(xiàn)非常簡單的css樣式切換,簡單實用,需要的朋友可以參考下2015-10-10
已知微信小程序中如果要做到全局狀態(tài)共享，常用的有四種方式，分別是globalData、本地緩存、mobx-miniprogram和westore，本文將帶大家看看mobx-miniprogram是如何實現(xiàn)的小程序的全局狀態(tài)管理，需要的可以收藏一下2023-06-06
js中confirm實現(xiàn)執(zhí)行操作前彈出確認框的方法
這篇文章主要介紹了js中confirm實現(xiàn)執(zhí)行操作前彈出確認框的方法,是執(zhí)行刪除等操作時常用的功能,非常具有實用價值,需要的朋友可以參考下2014-11-11
本文主要介紹了淺談JavaScript暫時性死區(qū)與垃圾回收機制，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
Three.js實現(xiàn)3D乒乓球小游戲(物理效果)
本文將使用React Three Fiber 和 Cannon.js 來實現(xiàn)一個具有物理特性的乒乓球小游戲，使用 React Three Fiber 搭建基礎三維場景、如何使用新技術棧給場景中對象的添加物理特性等，最后利用上述知識點，將開發(fā)一個簡單的乒乓球小游戲,需要的朋友可以參考下2023-03-03
tab相對而言用的還是比較多的,但是用起來并沒有難,下面這篇文章主要給大家介紹了關于微信小程序全局配置之tab的相關資料,文中通過圖文以及示例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10