首页 > 其他分享 >2.21

2.21

时间:2024-02-29 09:01:28浏览次数:16  
标签:category transaction const transactions amount 2.21 document

Java Script

// Sample data for transactions
const transactions = [
    { amount: 50, category: 'Groceries' },
    { amount: 20, category: 'Entertainment' },
    // Add more transactions as needed
];

// Function to display transactions on the page
function displayTransactions() {
    const transactionList = document.getElementById('transaction-list');
    transactionList.innerHTML = '';

    transactions.forEach(transaction => {
        const transactionItem = document.createElement('div');
        transactionItem.classList.add('transaction-item');
        transactionItem.innerHTML = `<p>${transaction.category}: $${transaction.amount}</p>`;
        transactionList.appendChild(transactionItem);
    });

    // Calculate and display total expenditure
    const totalExpenditure = transactions.reduce((total, transaction) => total + transaction.amount, 0);
    document.getElementById('totalExpenditure').textContent = totalExpenditure;
}

// Function to show the "Add Transaction" modal
function showAddTransactionModal() {
    const modal = document.getElementById('addTransactionModal');
    modal.style.display = 'block';
}

// Function to close the "Add Transaction" modal
function closeAddTransactionModal() {
    const modal = document.getElementById('addTransactionModal');
    modal.style.display = 'none';
}

// Function to add a new transaction
function addTransaction() {
    const amount = parseFloat(document.getElementById('amount').value);
    const category = document.getElementById('category').value;

    if (!isNaN(amount) && category.trim() !== '') {
        transactions.push({ amount, category });
        displayTransactions();
        closeAddTransactionModal();
    } else {
        alert('请输入有效的金额和类别。');
    }
}

// Display initial transactions on page load
displayTransactions();

 

标签:category,transaction,const,transactions,amount,2.21,document
From: https://www.cnblogs.com/yindantong/p/18042622

相关文章

  • 2.21
    《构建之法》是一本由乔尔·斯泰恩编写的计算机科学领域的经典之作。在这本书中,斯泰恩深入探讨了软件开发的核心原则和技术方法,以及构建高质量软件系统的实践指南。阅读完《构建之法》后,我对软件开发有了更深入的理解,并获得了以下几点感悟:1.模块化与抽象化的重要性:书中强调了将......
  • 2.21 主页面的制作
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>用户登录</title><style>button{display:block;margin-top:10px;padding:10p......
  • 2.21软件开发
    事情变得有些复杂了,这篇文章写得跨度有些大了,有些细节直接跳过了没讲清楚,我学习的进度有些中断了,但我仍不断尝试。四、后端详解我在后端编写主要是用java,当然对其他开发语言熟悉的也可以使用其他语言开发后端。现在我就java编写后端api的讲解。主要框架springboot,开发工具myecli......
  • 2.21+2.22考试总结
    连续两天数组开小,\(D1T1\30+D2T2\60+D2T4\10\),一旦数组开大就\(A\)了\(qwq\)。Day1T1排序题目大意:给出一个长度为\(4n\)的序列\(a\),要求将其配对为\(n\)个四元组\(x_i,y_i,z_i,w_i\),求\(\max\sum\limits_{i=1}^n|x_iy_i-z_iw_i|\)。难度:三星(满分十星)发现绝......
  • 2024.2.21 まぁ、この世の中ガチャの引き次第で 何もかも説明つくわけだし?
    模拟赛不知道对于\(d(n)\)很大的数可以做根号质因数分解,直接输完了。中午在外面吃饭,去了一家很有创意和技术的餐馆,西安菜还是有辣的,而且还挺不错。晚上看RMR,A队进了,小蜜蜂能不能进呢,不知道。跳跃DP形式形如高维偏序,于是考虑怎么样来做这个东西。常规做法有点菜,考虑高维......
  • 2024.2.21游记
    首先,文对于线段\([A,B]\),\([C,D]\)什么时候相交。\(B\)为\(A\)的祖先,\(D\)为\(C\)的祖先相交有一种情况,在\([A,B]\)上有一个分叉,连接\(C\),然后分叉上面为\(D\),这是候,就会发现\(B\)是\(C\)的祖先,\(D\)是\(A\)的祖先代码形式LCA(B,......
  • 2.21闲话 & solution『 有没有/谁/能够代替我』
    上午有唐氏模拟赛,100/0/0/20,rk7/15,鉴定为最唐的一次T1签到题,思路很简单题面ame是一个可爱的女孩子,她想要你帮她排序。给定\(4\timesn\)个数,要求将其分为\(n\)组,使得对于每组四个数,所有组中的\(|a\timesb-c\timesd|\)和最大,求最大和。排序,对于前\(2n\)大的,尽量把大......
  • Solution Set【2024.2.21】
    [ARC162C]MexGameonTree可以发现若Bob在某个节点填了值\(K\),那么会直接导致其根链上的所有节点均不可能满足要求。因此若某个节点的子树内有不小于两个空位,那么Alice一定无法使该子树满足要求。若某节点子树内有一个空位且可以通过填上这一空位使其合法,那么Alice可......
  • 闲话2.21
    摆摆摆......
  • 2.21
    md,快开学了,没有一套作业是自己写的下大雪了,外卖都废了,但是没有人能阻止我想吃肯德基的心,就是说,家人们,就是一整个直接出门简述过程:tmd,摔了一跤,溜冰场tmd都没有马路滑搞笑的是,回去的路上看到一只德牧四个爪子都在打滑分享我堆的雪人没奖竞猜表情用什么弄的答案可乐报......