Bài viết này sẽ hướng dẫn bạn cách sử dụng Đối tượng Toán học để tìm ra giá trị tuyệt đối của đầu vào.
Xin nhắc lại, giá trị tuyệt đối của một số không tính đến dấu - nó giả định rằng tất cả các số đều là 0 hoặc lớn hơn và trả về số đó. Để sử dụng phương pháp giá trị tuyệt đối của Đối tượng Toán học, đây là cú pháp:
Math.abs(inputVal);
Vì chúng ta đang sử dụng Đối tượng Toán học, chúng ta bắt đầu với Toán học. Phương pháp giá trị tuyệt đối là chữ viết tắt abs. Tập hợp các dấu ngoặc đơn gọi phương thức trên giá trị đầu vào bên trong dấu ngoặc đơn và trả về giá trị tuyệt đối.
<!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> Nếu bạn nhập vào một chuỗi, nó sẽ trả về NaN. Giá trị null sẽ trả về 0 và các số dương hoặc âm tất nhiên sẽ trả về số dương.
Kết luận
Đó là nó! Bây giờ bạn có thể sử dụng đối tượng Math để tìm ra giá trị tuyệt đối của một số. Dưới đây là một số bài viết có thể giúp bạn tìm ra những gì cần học tiếp theo:
- Số ngẫu nhiên trong JavaScript:Hướng dẫn đầy đủ
- JavaScript ParseInt:Hướng dẫn Từng bước
- Bộ hẹn giờ đếm ngược JavaScript:Hướng dẫn
- JavaScript toString
- JavaScript toUpperCase và toLowerCase