Giúp đỡ jquery các phép tính
- Tạo bởi babymyl3
- Start date
Đây là code của em ạ
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link href="./css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" src="./js/bootstrap.min.js"
charset="UTF-8"></script>
<script type="text/javascript" src="./js/jquery-3.1.0.min.js"
charset="UTF-8"></script>
<script type="text/javascript" src="./js/calculator.js"
charset="UTF-8">
</script>
</head>
<body>
<fieldset>
<form id="formconfig" name= "input" action="#" method="get">
<div class="numberA">
Number A: <input type="text" class="form-control" id="valueA"
placeholder="Enter Number A" />
</div >
<div class="numberB">
Number B: <input type="text" class="form-control" id="valueB"
placeholder="Enter Number B" />
</div>
<div class="Cal">
Select calculations: <select class="form-control" id="valueC">
<option value="add" class="operator">Addition</option>
<option value="sub" class="operator">Subtraction</option>
<option value="mul" class="operator">Multiplication</option>
<option value="div" class="operator">Division</option>
</select>
</div>
Result: <input type="text" class="form-control" id="valueResult" disabled="disabled" />
<button type="submit" class="btn btn-primary" id="submit">Calculations</button>
<button type="reset" class="btn btn-success" id="reset">Reset</button>
</form>
</fieldset>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link href="./css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" src="./js/bootstrap.min.js"
charset="UTF-8"></script>
<script type="text/javascript" src="./js/jquery-3.1.0.min.js"
charset="UTF-8"></script>
<script type="text/javascript" src="./js/calculator.js"
charset="UTF-8">
</script>
</head>
<body>
<fieldset>
<form id="formconfig" name= "input" action="#" method="get">
<div class="numberA">
Number A: <input type="text" class="form-control" id="valueA"
placeholder="Enter Number A" />
</div >
<div class="numberB">
Number B: <input type="text" class="form-control" id="valueB"
placeholder="Enter Number B" />
</div>
<div class="Cal">
Select calculations: <select class="form-control" id="valueC">
<option value="add" class="operator">Addition</option>
<option value="sub" class="operator">Subtraction</option>
<option value="mul" class="operator">Multiplication</option>
<option value="div" class="operator">Division</option>
</select>
</div>
Result: <input type="text" class="form-control" id="valueResult" disabled="disabled" />
<button type="submit" class="btn btn-primary" id="submit">Calculations</button>
<button type="reset" class="btn btn-success" id="reset">Reset</button>
</form>
</fieldset>
</body>
</html>
cái này đơn giản là bạn lấy giá trị cộng lại rồi in ra là được, jQuery có hàm lấy dữ liệu từ thẻ input hết rồi mà, sau 1 lần submit thì reset lại biến hoặc làm gì đó, cái này là cơ bản nhất của jQuery mình nghĩ bạn chỉ cần search google về lấy dự liệu từ form jQuery là có hết
Sửa lần cuối:
Nhiều lúc code các thứ xong mệt bỏ xừ, thanks anh đã bày cho cách. Chờ việc chạy xong con thuật toán này, ngoài lề tôi public cho người anh em xem bên chỗ xsmb còn bánh cuốn hơn. Đợt rồi đang đi nhậu có ông kia bán cho 2 tờ về lật dò trên này thì vào ngay giải Năm, không biết phải ăn may không chứ chắc cứ mua dần thì lâu lâu cũng trúng. Thấy việc đầu tư bỏ ra một số tiền nhỏ ban đầu như thế lại hợp lý hẳn cả ra, chứ vốn sẵn trong người không nhiều. Cũng là một thú vui đỡ đau đầu mà có tiền đấy chứ.
Sửa lần cuối: