mình k biết gì về js nên có copy đc 1 đoạn code về và sửa lại đơn giá thì tổng đơn giá k đúng, mong mọi ng sửa lỗi giúp e vs ạ, vì là k biết về js nên vẫn để lại \ ghi chú của đoạn copy về để nhìn. 合計：” nghĩa tiếng việt là Tổng "
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>menu</title>
<link rel="stylesheet" href="menu.css">
</head>
<body>
<header>
<img style=" width: 200px; height: 200px;" src="img/logo1.png" alt="">
</header>
<div id="body">
<div id="home">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#">Contact</a>
<ul>
<li><a href="https://www.facebook.com/hiep.quang.718689" target="_blank">Facebook</a></li>
<li><a href="phonenumber.html" target="_blank">Phone</a></li>
</ul>
</li>
</ul>
</div>
<h1>Menu</h1>
<table border="1" id="mathang">
<tr id="r1">
<td id="00">ウーロンティー</td>
<td id="01">430</td>
<td id="02"><input type="button" onclick="addItem(0); doiMau(0, true);" Value="追加" /></td>
</tr>
<tr id="r2">
<td id="10">オリジナルミルクティー</td>
<td id="11">510</td>
<td id="12"><input type="button" onclick="addItem(1); doiMau(1, true);" Value="追加" /></td>
</tr>
<tr id="r3">
<td id="20">和を楽しむミルクティー</td>
<td id="21">510</td>
<td id="22"><input type="button" onclick="addItem(2); doiMau(2, true);" Value="追加" /></td>
</tr>
<tr id="r4">
<td id="30">黒糖とミルクの出会い</td>
<td id="31">620</td>
<td id="32"><input type="button" onclick="addItem(3); doiMau(3, true);" Value="追加" /></td>
</tr>
<tr id="r5">
<td id="40">マンゴー 阿里山ティー エード</td>
<td id="41">540</td>
<td id="42"><input type="button" onclick="addItem(4); doiMau(4, true);" Value="追加" /></td>
</tr>
<tr id="r6">
<td id="50">ブレンド コーヒー</td>
<td id="51">320</td>
<td id="52"><input type="button" onclick="addItem(5); doiMau(5, true);" Value="追加" /></td>
</tr>
<tr id="r7">
<td id="60">アイス コーヒー</td>
<td id="61">320</td>
<td id="62"><input type="button" onclick="addItem(6); doiMau(6, true);" Value="追加" /></td>
</tr>
<tr id="r8">
<td id="70">フルーツドリンク マンゴー</td>
<td id="71">490</td>
<td id="72"><input type="button" onclick="addItem(7); doiMau(7, true);" Value="追加" /></td>
</tr>
</table>
<h3 text-aline:center;>お客様の注文</h3>
<table id="giohang" border="1">
<tr id="empty">
<td id="00">お客様の MỘC Coffee カートに商品はありません。</td>
</tr>
</table>
<h4 id="tien">合計:</h4>
<script>
var autoId = 100;
var soHangTrongGio = 0;
var tongTien = 0;
function addItem(rowIndex) {
document.getElementById("empty").style.display = "none";
soHangTrongGio++;
//Lấy dòng vừa click "thêm" vào bộ nhớ dựa vào rowIndex truyền vào
var selectedRow = document.getElementById("mathang").rows[rowIndex];
//Lấy giá của sản phẩm được chọn
var donGia = document.getElementById("mathang").rows[rowIndex].cells[1].innerHTML;
donGia = Number(donGia.substring(1));
tongTien = tongTien + donGia;
capNhatGia();
//Lấy table cần thêm dòng vào bộ nhớ để xử lý
var tableGioHang = document.getElementById("giohang");
//Thêm một dòng vào cuối table giỏ hàng
var newRow = tableGioHang.insertRow(tableGioHang.rows.length);
newRow.id = autoId; //Đặt id của dòng mới thêm vào
//thêm các ô vào dòng vừa thêm
var nameCell = newRow.insertCell(0);
nameCell.innerHTML = selectedRow.cells[0].innerHTML;
var priceCell = newRow.insertCell(1);
priceCell.innerHTML = selectedRow.cells[1].innerHTML;
var actionCell = newRow.insertCell(2);
actionCell.innerHTML = '<input type="button" onclick="removeItem(' + autoId + '); doiMau(' + rowIndex+',false);" value="削除" />';
autoId++; //tăng autoid lên 1
}
function doiMau(rowIndex, check) {
if (check == true) {
document.getElementById("mathang").rows[rowIndex].style.color = "blue";
} else {
document.getElementById("mathang").rows[rowIndex].style.color = "black";
}
}
function capNhatGia() {
document.getElementById("tien").innerHTML = "合計: " + tongTien.toFixed(0)+"円";
}
function removeItem(id) {
var rowIndex = document.getElementById(id).rowIndex;
var donGia = document.getElementById(id).cells[1].innerHTML;
donGia = Number(donGia.substring(1));
tongTien = tongTien - donGia;
capNhatGia();
var selectedRow = document.getElementById("giohang").deleteRow(rowIndex);
soHangTrongGio--;
if (soHangTrongGio == 0) {
document.getElementById("empty").style.display = "inline";
}
}
</script>
<footer>
<dl>
<dt>Mã bưu điện (ZIP code)</dt>
<dd>〒２７０－０００３</dt>
<br>
<dt>Địa chỉ (address)</dt>
<dd>千葉県松戸市東平賀508-3スカイメゾン北小金103号</dd>
<dt>Thời gian mở quán (oppening time)</dt>
<dd>05:00 AM - 20:00 PM</dd>
</dl>
<p><small>Copyright (c) 2021 Grueadroit co.,ltd. All rights reserved.</small></p>
</<footer>
</div>
</body>
</html>
số tổng nó sẽ hiện như này, ví dụ đơn giá 430 nhưng chỉ hiện 30
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?