EP.29 เลขอันตราย สไตล์เกมจารชน

noMerzy | 2017-01-09 13:34:21


dangerous_number.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>เลขอันตราย สไตล์เกมจารชน</title> </head> <body> <span id="numbMin">0</span>  <span>-</span>  <span id="numbMax">99</span><br> <input type="number" id="inputNumb" onkeyup="chkNumb(this.value)"><button onclick="calc()" id="btnSubmit" disabled="true">ยืนยัน</button> <p id="result"></p> <script> //สุ่มเลขพิฆาต var bombNumb = Math.floor(Math.random()* 99); //ปุ่ม var btn = document.getElementById('btnSubmit'); /* * ฟังก์ชั่นตรวจสอบว่าเลขอยู่ระหว่าง min - max ไหม */ function chkNumb(val){ //เลขมากสุด var max = parseInt(document.getElementById('numbMax').innerHTML); //เลขน้อยสุด var min = parseInt(document.getElementById('numbMin').innerHTML); //ถ้าอยู่ในช่วง min - max ให้ปุ่มทำงาน if(max >= val && val >= min){ btn.disabled = false; }else{ btn.disabled = true; } } /* * ฟังก์ชั่นตรวจสอบเลขพิฆาต */ function calc(){ //เลขที่เลือก var inputNumb = document.getElementById('inputNumb').value; //ผลลัพธ์ var result = document.getElementById('result'); //เลขสูงสุด var max = document.getElementById('numbMax'); //เลขต่ำสุด var min = document.getElementById('numbMin'); switch (true) { //ถ้าเป็นเลขพิฆาต case inputNumb == bombNumb: //แสดงผลลัพธ์ result.innerHTML = 'เลขพิฆาต ' + bombNumb; break; //ถ้าน้อยกว่าเลขพิฆาต case inputNumb < bombNumb: //เปลี่ยนเลขน้อยสุด min.innerHTML = parseInt(inputNumb) + 1; //แสดงผลลัพธ์ result.innerHTML = 'น้อยไปครับ'; break; //ถ้ามากกว่าเลขพิฆาต case inputNumb > bombNumb: //เปลี่ยนเลขมากสุด max.innerHTML = parseInt(inputNumb) - 1; //แสดงผลลัพธ์ result.innerHTML = 'มากไปครับ'; break; } //ปิดปุ่ม btn.disabled = true; //ล้างค่าตัวเลข document.getElementById('inputNumb').value = ""; } </script> </body> </html>