<input type="text" id="total" value="0" readonly> <button type="button" class="btn-plus" value="5">5</button> <button type="button" class="btn-plus" value="10">10</button> <button type="button" class="btn-plus" value="15">15</button> <button type="button" class="btn-plus" value="20">20</button> <button type="button" id="clear">Clear</button> <script> var btn = document.querySelectorAll('.btn-plus'); var total = document.getElementById('total'); var clear = document.getElementById('clear'); clear.addEventListener('click', function(event) { total.value = 0; }); btn.forEach(el => el.addEventListener('click', event => { total.value = parseInt(total.value) + parseInt(el.value); })); </script>
<html> <head> <title>Calculadora Basica</title> </head> <body> <input name="price[]" type="text" id="show"> <input type="button" id="txt" value="5" class="calc-button"> <input type="button" id="txt" value="10" class="calc-button"> <input type="button" id="txt" value="15" class="calc-button"> <input type="button" id="txt" value="20" class="calc-button"> <script type="application/javascript"> document.addEventListener('click', (event) => { if (event.target && event.target.classList.contains('calc-button')) { event.preventDefault(); } else { return false; } let thisButton = event.target; let displayElement = document.getElementById('show'); let displayValue = displayElement.value; if (displayValue === '') { displayValue = 0; } displayValue = (parseInt(displayValue) + parseInt(thisButton.value)); displayElement.value = displayValue; }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
