บทความนี้จะแสดงให้คุณเห็นถึงวิธีการใช้ Math Object เพื่อหาค่าสัมบูรณ์ของอินพุต
เพื่อเป็นการเตือนความจำ ค่าสัมบูรณ์ของตัวเลขจะไม่สนใจเครื่องหมาย โดยถือว่าตัวเลขทั้งหมดเป็น 0 หรือมากกว่าและส่งกลับตัวเลขนั้น หากต้องการใช้วิธีค่าสัมบูรณ์ของ Math Object ต่อไปนี้คือรูปแบบไวยากรณ์:
Math.abs(inputVal);
เนื่องจากเราใช้ Math Object เราจึงเริ่มต้นด้วยคณิตศาสตร์ วิธีค่าสัมบูรณ์คือตัวย่อ abs ชุดของวงเล็บเรียกวิธีการของค่าอินพุตภายในวงเล็บและส่งกลับค่าสัมบูรณ์
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form onsubmit=handleSubmit(event)>
<label for="absolute-value">Enter a number:</label>
<input id="absolute-value" onchange=handleChange(event) type="text" name="absolute-value" value=""/>
<input type="submit" value="Submit" />
</form>
<h3 id="root"></h3>
<script>
let inputVal = ""
const handleChange = e => {
inputVal = e.target.value;
console.log(inputVal)
}
const handleSubmit = e => {
e.preventDefault();
const root = document.querySelector("#root");
root.innerHTML = Math.abs(inputVal);
}
const inputValue = document.getElementById("absolute-value").value
</script>
</body>
</html> หากคุณป้อนสตริง จะส่งกลับ NaN ค่าว่างจะส่งกลับ 0 และแน่นอนว่าจำนวนบวกหรือลบจะส่งกลับจำนวนบวกด้วย
บทสรุป
แค่นั้นแหละ! ตอนนี้คุณสามารถใช้วัตถุคณิตศาสตร์เพื่อหาค่าสัมบูรณ์ของตัวเลขได้แล้ว ต่อไปนี้คือบทความบางส่วนที่สามารถช่วยให้คุณทราบว่าต้องเรียนรู้อะไรต่อไป:
- JavaScript Random Number:คู่มือฉบับสมบูรณ์
- JavaScript ParseInt:คำแนะนำทีละขั้นตอน
- ตัวจับเวลาถอยหลัง JavaScript:บทช่วยสอน
- JavaScript toString
- JavaScript toUpperCase และ toLowerCase
