📢 Chào mừng các bạn đến với Rcom Dăm Yi blog - Kho tài liệu và giải pháp công nghệ bổ ích! Hệ thống liên tục cập nhật dữ liệu học tập mới.
Bài 18. Sổ Đầu Bài Điện Tử (Phần 2) - Tra cứu & Chỉnh sửa

Thời gian dùng thử đã hết!

Phần mềm đã vượt quá 15 ngày dùng thử miễn phí. Vui lòng nhập mã bản quyền để tiếp tục sử dụng hệ thống.

Bài 18. Sổ Đầu Bài: Tra cứu, Lọc dữ liệu & Chỉnh sửa

Mục tiêu: Sau khi Sổ đầu bài đã có dữ liệu, bài toán tiếp theo của người quản trị mạng là cung cấp công cụ để:
1. Giám thị có thể chọn một Lớp cụ thể và một Tuần/Ngày cụ thể để kiểm tra.
2. Nếu Giáo viên nhập nhầm tên bài dạy (VD: Nhập nhầm bài "Hàm số" thành "Đạo hàm" môn Toán), họ có quyền click vào dòng đó để Cập nhật (Update) lại dữ liệu trên Sheets thay vì tạo dòng mới.

1. Mã nguồn Back-end (Code.gs)

Để tìm kiếm dữ liệu hiệu quả, chúng ta sử dụng hàm filter() của JavaScript để lọc mảng 2 chiều lấy ra các dòng khớp với tiêu chí "Lớp" và "Ngày".

// 1. Hàm Tra cứu (Filter) Sổ đầu bài theo Lớp và Ngày
function traCuuSoDauBai(lopCanTim, ngayCanTim) {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("SoDauBai");
  let data = sheet.getDataRange().getValues(); // Lấy toàn bộ bảng
  
  // Bỏ dòng tiêu đề bằng slice(1)
  let ketQua = [];
  
  for (let i = 1; i < data.length; i++) {
    let row = data[i];
    let ngayDay = row[1]; // Cột B: Ngày dạy (chuỗi dd/MM/yyyy)
    let tenLop = row[2];  // Cột C: Tên lớp
    
    // Nếu khớp tiêu chí lọc (hoặc người dùng để trống tiêu chí)
    if ((lopCanTim === "" || tenLop === lopCanTim) && 
        (ngayCanTim === "" || ngayDay === ngayCanTim)) {
        
        // Đẩy thêm rowIndex vào mảng để phục vụ tính năng Update về sau
        row.push(i + 1); 
        ketQua.push(row);
    }
  }
  return ketQua;
}

// 2. Hàm Cập nhật (Update) một tiết học bị sai
function capNhatTietHoc(rowIndex, baiDayMoi, xepLoaiMoi) {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("SoDauBai");
  
  // Ghi đè vào Cột F (cột 6 - Bài dạy) và Cột G (cột 7 - Xếp loại)
  sheet.getRange(rowIndex, 6).setValue(baiDayMoi);
  sheet.getRange(rowIndex, 7).setValue(xepLoaiMoi);
  
  return "Cập nhật thành công!";
}
💡 Giải thích Kỹ thuật:
- Tại hàm traCuuSoDauBai, lệnh row.push(i + 1) là một "thủ thuật" rất quan trọng. Mảng dữ liệu ban đầu chỉ có từ Cột A đến Cột H. Ta chủ động nhét thêm số thứ tự dòng (Index của Google Sheets, bắt đầu từ 1) vào cuối mảng. Mục đích là khi hiển thị lên giao diện HTML, ta biết chính xác dòng dữ liệu này nằm ở Hàng số mấy trên Google Sheets, từ đó mới truyền cái RowIndex này cho hàm capNhatTietHoc thực hiện ghi đè.

2. Giao diện Người dùng (Front-end SPA)

Thực hành Mô phỏng: Tra cứu & Quản lý Sổ Đầu Bài

(Trường THPT Phan Chu Trinh - Ayun Pa, Gia Lai. Dữ liệu chạy mô phỏng không cần tải lại trang).

Ngày Lớp Tiết Môn & Bài dạy XL Hành động
© 2026 Hệ sinh thái giáo dục iTeach. Bản quyền phần mềm: Đang kiểm tra...
Bài 17. Dự án Thực tế: Hệ thống Sổ Đầu Bài Điện Tử

Thời gian dùng thử đã hết!

Phần mềm đã vượt quá 15 ngày dùng thử miễn phí. Vui lòng nhập mã bản quyền (License Key) để tiếp tục sử dụng Hệ thống iTeach.

Bài 17. Dự án: Hệ thống Sổ Đầu Bài Điện Tử

Mục tiêu dự án: Xây dựng một ứng dụng Web (Web App) thay thế hoàn toàn sổ đầu bài giấy. Giáo viên lên lớp dùng smartphone/laptop để nhập liệu. Hiệu trưởng và giám thị có thể xem tình hình các lớp theo thời gian thực (Real-time).

1. Thiết lập Cấu trúc Google Sheets (Database)

Tạo một file Google Sheets và đổi tên các trang tính (Sheet) như sau:

  • Sheet 1: DM_Lop (Danh mục Lớp). Cột A: Tên lớp (VD: 10A1, 10A2, 11B1...).
  • Sheet 2: SoDauBai. Gồm các cột: A (Thời gian ghi), B (Ngày dạy), C (Lớp), D (Tiết), E (Môn học), F (Tên bài dạy), G (Xếp loại), H (Giáo viên).

2. Viết mã Back-end (Code.gs)

Trong môi trường Apps Script, chúng ta cần 3 hàm chính: Lấy danh sách lớp (cho Dropdown), Lấy dữ liệu của ngày hôm nay (cho Bảng), và Ghi dữ liệu mới vào Sheet.

// 1. Hàm lấy danh sách lớp học để đổ vào thẻ <select>
function layDanhSachLop() {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("DM_Lop");
  return sheet.getRange(2, 1, sheet.getLastRow() - 1, 1).getValues();
}

// 2. Hàm lưu Tiết học mới vào Sổ đầu bài
function luuTietHoc(formObj) {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("SoDauBai");
  let timeStamp = new Date(); // Thời gian bấm nút lưu
  
  // Định dạng ngày (dd/mm/yyyy) để dễ lọc dữ liệu
  let ngayDay = Utilities.formatDate(timeStamp, Session.getScriptTimeZone(), "dd/MM/yyyy");
  
  let rowData = [
    timeStamp, ngayDay, formObj.lop, formObj.tiet, 
    formObj.mon, formObj.baiDay, formObj.xepLoai, formObj.giaoVien
  ];
  
  sheet.appendRow(rowData);
  return "Đã lưu thành công!";
}
💡 Giải thích chi tiết: Ở hàm luuTietHoc, ta tạo ra 2 cột thời gian. timeStamp (Cột A) lưu cả ngày giờ phút giây chính xác để làm bằng chứng giáo viên đã nhập sổ lúc mấy giờ. Còn ngayDay (Cột B) chỉ lưu ngày/tháng/năm dưới dạng chuỗi (String) để thuật toán tìm kiếm và lọc dữ liệu (hiển thị theo ngày) hoạt động dễ dàng và nhẹ nhàng hơn.

3. Giao diện và Xử lý Front-end (Index.html)

Thực hành Giao diện Mô phỏng: Sổ Đầu Bài Điện Tử

(Giao diện dưới đây minh họa cách Web App thực tế hoạt động. Dữ liệu sẽ tự động làm mới ngay sau khi bấm Lưu).

Nhập Sổ Đầu Bài

Tiết dạy hôm nay

Mã nguồn JavaScript xử lý tương tác UI

<script>
  // 1. Hàm chạy ngay khi vừa mở ứng dụng
  window.onload = function() {
    // Gọi Server tải danh sách lớp vào Select
    google.script.run.withSuccessHandler(doDuLieuLop).layDanhSachLop();
    
    // Gọi Server tải danh sách tiết học hôm nay vào Bảng
    taiDuLieuBang(); 
  };

  // 2. Xử lý Form Submit (Cơ chế SPA)
  function submitFormSDB(formObj) {
    // Hiệu ứng Loading (Code ẩn hiện DOM bỏ qua cho gọn)
    google.script.run
      .withSuccessHandler(function() {
         document.getElementById("formSoDauBai").reset();
         taiDuLieuBang(true); // TẢI LẠI BẢNG (Kèm cờ true để làm hiệu ứng Highlight)
      })
      .luuTietHoc(formObj);
  }
</script>
💡 Nhấn mạnh: Chìa khóa để ứng dụng không bị tải lại trang (chớp màn hình) là gọi lại hàm taiDuLieuBang() bên trong withSuccessHandler. Khi Apps Script ghi xong vào Sheet, nó phản hồi về Client, lúc này Client ra lệnh "Xóa form" và "Kéo data mới nhất về vẽ lại bảng". Toàn bộ thao tác diễn ra ngầm.
© 2026 Hệ sinh thái giáo dục iTeach. Bản quyền phần mềm: Đang kiểm tra...
Bài 19. Tích hợp toàn diện Form, Table & Apps Script (SPA)

Thời gian dùng thử đã hết!

Phần mềm đã vượt quá 15 ngày dùng thử miễn phí. Vui lòng nhập mã bản quyền (License Key) để tiếp tục sử dụng iTeach.

Bài 19. Xây dựng Ứng dụng Quản lý toàn diện (SPA)

1. Kiến thức bài học chuyên sâu

1. Mô hình SPA (Single Page Application) là gì?

Trong các trang web kiểu cũ, mỗi lần bạn bấm "Lưu" hoặc "Chuyển trang", màn hình sẽ chớp trắng một cái để tải lại toàn bộ nội dung. Với SPA, mọi thao tác (Thêm, Xóa, Sửa, Đọc) đều diễn ra trên một trang duy nhất. Dữ liệu được gửi và nhận ngầm ở chế độ nền. Màn hình của người dùng không bao giờ bị tải lại, mang đến cảm giác mượt mà như một phần mềm cài đặt trên máy tính (VD: Facebook, Gmail đều là SPA).

2. Tư duy xử lý Bất đồng bộ (Asynchronous) của google.script.run

Khi JavaScript ở trình duyệt gọi Apps Script (qua google.script.run), nó giống như bạn gọi món ở nhà hàng. Bạn order xong, nhân viên đi vào bếp (Server), còn bạn vẫn có thể ngồi lướt điện thoại (Browser không bị đơ). Khi nấu xong, nhân viên mang món ra (đây chính là lúc withSuccessHandler được kích hoạt).

3. Vòng tuần hoàn dữ liệu (The CRUD Cycle):

  • Bước 1 (Khởi tạo): Vừa mở trang, chạy hàm taiDuLieuBang().
  • Bước 2 (Tương tác): Người dùng điền Form -> Bấm Lưu.
  • Bước 3 (Đóng vòng lặp - Quan trọng nhất): Bắt sự kiện withSuccessHandler báo lưu thành công. Ngay tại đây, ta gọi lại hàm taiDuLieuBang() của Bước 1 để vẽ lại bảng với dữ liệu mới nhất.

2. Bài tập mẫu & Giải phẫu Mã nguồn

Ví dụ: Hệ thống Đăng ký và Quản lý Đề tài KHKT

Đề bài: Xây dựng một giao diện gồm 2 nửa. Trái: Form nhập liệu đề tài KHKT. Phải: Bảng danh sách đề tài. Yêu cầu nhập xong bên trái, bên phải tự động hiện dữ liệu mới.

Phần 1: Code Back-end (Code.gs)

function layDanhSachTuSheet() {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("KHKT");
  // Bỏ qua dòng 1 (tiêu đề), lấy từ dòng 2
  return sheet.getRange(2, 1, sheet.getLastRow() - 1, 3).getValues(); 
}

function luuDeTaiMoi(formObj) {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("KHKT");
  sheet.appendRow([formObj.tenDT, formObj.tenHS, formObj.linhVuc]);
  return "Thành công"; 
}
💡 Giải thích Code.gs: Back-end của chúng ta rất đơn giản, chỉ gồm 2 hàm độc lập. layDanhSachTuSheet làm nhiệm vụ Read (Đọc), trả về một mảng 2 chiều. Còn luuDeTaiMoi làm nhiệm vụ Create (Tạo mới), lấy Object từ Form và nối thêm (append) vào dòng cuối cùng của Sheet.

Phần 2: Code Front-end (JavaScript trong file HTML)

// 1. Tự động tải dữ liệu khi trang web vừa load xong
window.onload = taiDuLieuBang;

function taiDuLieuBang() {
  google.script.run.withSuccessHandler(veBang).layDanhSachTuSheet();
}

function veBang(data) {
  let tbody = document.getElementById("myTableBody");
  tbody.innerHTML = ""; // Xóa dữ liệu cũ trước khi đắp cái mới
  
  data.forEach((row, index) => {
    tbody.innerHTML += `<tr><td>${index+1}</td><td>${row[0]}</td><td>${row[1]}</td></tr>`;
  });
}

// 2. Xử lý khi Submit Form
function xuLyThemMoi(formObj) {
  google.script.run
    .withSuccessHandler(function() {
       document.getElementById("formKHKT").reset(); // Xóa trắng form để nhập tiếp
       taiDuLieuBang(); // GỌI LẠI HÀM VẼ BẢNG: Chìa khóa của SPA nằm ở đây!
    })
    .luuDeTaiMoi(formObj);
}
💡 Giải thích JS: Khúc mắc lớn nhất của người mới học là không biết làm sao để bảng cập nhật. Bí quyết nằm ở dòng taiDuLieuBang(); bên trong withSuccessHandler của hàm lưu. Có nghĩa là: "Khi Server báo đã cất dữ liệu thành công, Client tự động gọi lại lệnh kéo dữ liệu mới nhất về và vẽ lại từ đầu". Ta phải gọi tbody.innerHTML = "" để tránh tình trạng dữ liệu cũ bị vẽ lặp lại (nhân bản).

Trải nghiệm Ứng dụng thực tế: Quản lý Đề tài KHKT

Hãy thử điền form bên trái và bấm Gửi, bạn sẽ thấy bảng bên phải tự làm mới mà trình duyệt không hề bị load lại.

Đăng ký đề tài mới

Danh sách đang theo dõi

3. Bài tập tự luyện

Bài tập: Xây dựng Hệ thống Sổ Đầu Bài Điện Tử

Đề bài: Vận dụng kiến thức SPA để tạo sổ đầu bài cho giáo viên bộ môn.

  1. Khởi tạo: Khi mở web, gọi Google Sheets lấy dữ liệu của tất cả các tiết dạy trong ngày hôm nay và vẽ ra bảng.
  2. Cập nhật (Form): Giáo viên chọn Lớp, Môn, Tiết, Tên bài dạy và Xếp loại (A, B, C, D) rồi bấm Lưu.
  3. Thử thách nâng cao (UX): Sau khi bảng tự động refresh để hiện tiết học vừa nhập, hãy viết code CSS/JS để đổi màu nền (Highlight) của hàng mới thêm thành màu vàng sáng trong 3 giây, sau đó từ từ mờ đi thành màu trắng. (Gợi ý: Dùng `setTimeout` trong JS kết hợp đổi `style.backgroundColor`).
© 2026 iTeach - Nền tảng học liệu điện tử. Trạng thái bản quyền: Đang kiểm tra...
Bài 18. Tích hợp HTML, Form & Apps Script (Phần 2)

Thời gian dùng thử đã hết!

Phần mềm đã vượt quá 15 ngày dùng thử miễn phí. Vui lòng nhập mã bản quyền (License Key) để tiếp tục sử dụng iTeach.

Bài 18. Form Nâng cao: Dropdown Động & Cập nhật

1. Kiến thức bài học

1. Dropdown Động (Dynamic Select): Thay vì code cứng các thẻ <option> trong HTML, ta sẽ dùng sự kiện khi trang vừa tải xong (hoặc bấm nút) để gọi Apps Script lấy danh sách từ Sheet (ví dụ: Danh sách thiết bị dạy học), sau đó dùng JavaScript để đổ vào thẻ <select>.

2. Cập nhật dữ liệu (Update Record): Thay vì dùng appendRow() để thêm dòng mới ở cuối bảng, ta sẽ duyệt mảng dữ liệu (vòng lặp for), tìm đúng dòng chứa "Mã cần sửa", sau đó dùng lệnh getRange(row, col).setValue(giaTriMoi) để ghi đè dữ liệu mới.

2. Bài tập mẫu

Ví dụ 1: Tải danh sách thiết bị vào Dropdown

Đề bài: Quản lý danh mục thiết bị rất hay thay đổi. Hãy viết code để Form đăng ký mượn tự động lấy danh sách máy chiếu/laptop từ cột A của Sheet "ThietBi".

Code Apps Script (Code.gs):

function layDanhSachThietBi() {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("ThietBi");
  // Lấy cột A, từ dòng 2 đến dòng cuối cùng có dữ liệu
  let data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 1).getValues();
  return data; // Trả về mảng 2 chiều chứa tên các thiết bị
}

Code HTML (Index.html):

<select id="chonThietBi">
  <option value="">Đang tải danh sách...</option>
</select>

<script>
  // Tự động chạy khi trang web tải xong
  window.onload = function() {
    google.script.run
      .withSuccessHandler(doDuLieuVaoSelect)
      .layDanhSachThietBi();
  };

  function doDuLieuVaoSelect(mangThietBi) {
    let select = document.getElementById("chonThietBi");
    select.innerHTML = "<option value=''>-- Vui lòng chọn thiết bị --</option>";
    
    // Duyệt mảng để đắp thẻ option
    mangThietBi.forEach(thietBi => {
      select.innerHTML += `<option value="${thietBi[0]}">${thietBi[0]}</option>`;
    });
  }
</script>

Ví dụ 2: Form Cập nhật tình trạng thiết bị (Update)

Đề bài: Khi một máy in hoặc laptop sửa xong, nhân viên IT cần cập nhật trạng thái từ "Đang hỏng" sang "Hoạt động". Thay vì thêm dòng mới, ta sẽ ghi đè lên dòng cũ dựa vào Mã thiết bị.

Code Apps Script (Code.gs) xử lý Update:

function capNhatTrangThai(formObj) {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("QuanLyThietBi");
  let data = sheet.getDataRange().getValues();
  let maCanTim = formObj.maTB;
  
  // Vòng lặp tìm dòng chứa mã thiết bị (Giả sử Mã ở cột A - index 0)
  for (let i = 1; i < data.length; i++) {
    if (data[i][0] == maCanTim) {
      // Cộng 1 vì mảng JS bắt đầu từ 0, nhưng Sheet bắt đầu từ dòng 1
      let rowIndex = i + 1; 
      
      // Cập nhật cột Trạng thái (Giả sử nằm ở cột C - cột số 3)
      sheet.getRange(rowIndex, 3).setValue(formObj.trangThaiMoi);
      
      return "Cập nhật thành công thiết bị: " + maCanTim;
    }
  }
  return "Không tìm thấy thiết bị này!";
}

Mô phỏng Giao diện: Form Cập nhật trạng thái

3. Bài tập tự luyện

Bài tập: Xây dựng Form Chấm công/Duyệt ngày nghỉ

Đề bài: Với vai trò kế toán nhà trường, hãy tạo một Web App duyệt đơn xin nghỉ phép.

  1. Sử dụng Code.gs trả về mảng danh sách các đơn xin nghỉ phép đang có trạng thái "Chờ duyệt" và đổ vào thẻ <select> trên HTML.
  2. Khi chọn một đơn và bấm nút "Phê duyệt", Web App gửi ID đơn đó về Code.gs để tìm đúng dòng và đổi chữ "Chờ duyệt" thành "Đã duyệt".
© 2026 iTeach - Nền tảng học liệu điện tử. Trạng thái bản quyền: Đang kiểm tra...
Bài 17. Tích hợp HTML, Form & Apps Script

Thời gian dùng thử đã hết!

Phần mềm đã vượt quá 15 ngày dùng thử miễn phí. Vui lòng nhập mã bản quyền (License Key) để tiếp tục sử dụng iTeach.

Bài 17. HTML Form & Xử lý Nhập liệu

1. Kiến thức bài học

Thay vì lấy từng thẻ Input rời rạc bằng getElementById(), HTML cung cấp thẻ <form> giúp gom nhóm toàn bộ dữ liệu. Khi đó, ta chỉ cần truyền 1 đối tượng duy nhất chứa toàn bộ form sang Apps Script. Phương pháp này code cực kỳ ngắn gọn và dễ quản lý.

  • Thuộc tính name: Bắt buộc phải thêm thuộc tính name cho các ô input. Tên này sẽ biến thành "Từ khóa" (Key) để Apps Script gọi. (Ví dụ: <input name="hoTen">).
  • Chặn reload trang: Dùng onsubmit="event.preventDefault();" ở thẻ form để ngăn trình duyệt tải lại trang khi bấm gửi.
  • Lấy dữ liệu (Server): Trong Code.gs, truy xuất bằng cách gọi doiTuongForm.tenThuocTinhName.

2. Bài tập mẫu

Ví dụ 1: Form Đăng ký mượn phòng máy tính

Đề bài: Tạo form cho giáo viên đăng ký mượn phòng thực hành Tin học. Gửi thông tin (Họ tên, Phòng, Tiết dạy) về Google Sheets bằng kỹ thuật gom đối tượng Form.

Code HTML (Index.html):

<!-- Truyền this (tức là toàn bộ form) vào hàm JavaScript -->
<form id="formMuonPhong" onsubmit="event.preventDefault(); guiDuLieu(this);">
  <input type="text" name="gvTen" placeholder="Họ tên Giáo viên" required>
  <input type="text" name="tietDay" placeholder="Tiết mượn (VD: Tiết 3, 4)" required>
  <button type="submit">Đăng ký</button>
</form>

<script>
  function guiDuLieu(formObject) {
    google.script.run
      .withSuccessHandler(function(res) { alert(res); })
      .xuLyDangKy(formObject); // Đẩy toàn bộ form sang Apps Script
  }
</script>

Code Apps Script (Code.gs):

function xuLyDangKy(formObj) {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  
  // Gọi dữ liệu bằng cách chấm tới thuộc tính 'name' ở HTML
  let rowData = [
    new Date(),
    formObj.gvTen,
    formObj.tietDay
  ];
  
  sheet.appendRow(rowData);
  return "Đăng ký thành công!";
}

Ví dụ 2: Tối ưu Trải nghiệm người dùng (UX) - Form Báo hỏng thiết bị

Đề bài: Làm một Form báo cáo sự cố (Lỗi Màn hình xanh BSOD, Kẹt giấy máy in...). Cần xử lý UX: Đổi chữ nút thành "Đang gửi...", vô hiệu hóa nút để tránh bấm 2 lần, và xóa trắng Form sau khi gửi xong.

Mô phỏng Giao diện: Hệ thống báo sự cố Kỹ thuật

✓ Đã ghi nhận sự cố. Kỹ thuật viên sẽ kiểm tra sớm nhất!

Code JavaScript xử lý UX (Tham khảo):

<script>
  function xuLyForm(formObj) {
    // 1. Khóa form, hiện Spinner
    document.getElementById("btnSubmit").disabled = true;
    document.getElementById("spinner").style.display = "inline-block";
    document.getElementById("btnText").innerText = "Đang gửi dữ liệu...";

    google.script.run
      .withSuccessHandler(function(res) { 
         // 2. Xử lý sau khi thành công
         document.getElementById("successMsg").style.display = "block";
         document.getElementById("demoForm").reset(); // Xóa trắng form
         
         // 3. Khôi phục nút bấm
         document.getElementById("btnSubmit").disabled = false;
         document.getElementById("spinner").style.display = "none";
         document.getElementById("btnText").innerText = "Gửi Báo Cáo";
      })
      .ghiNhanSuCo(formObj);
  }
</script>

3. Bài tập tự luyện

Bài tập: Thêm xác thực dữ liệu (Validation)

Đề bài: Trong hệ thống kiểm kê sổ sách kế toán của trường, bạn cần viết một form nhập số tiền thanh toán hóa đơn vật tư.

  1. Thêm trường <input type="number" name="soTien">.
  2. Trước khi gọi google.script.run, hãy dùng JavaScript kiểm tra: Nếu số tiền nhỏ hơn 0, dùng lệnh alert("Số tiền không hợp lệ!") và dừng lại bằng lệnh return;.
  3. Nếu số tiền hợp lệ mới gọi Apps Script để lưu vào báo cáo tài chính.
© 2026 iTeach - Nền tảng học liệu điện tử. Trạng thái bản quyền: Đang kiểm tra...