Computer >> Máy Tính >  >> Lập trình >> Javascript

JavaScript Math Object:Round

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 cách một số dấu phẩy động làm tròn thành số nguyên gần nhất.

Xin nhắc lại, khi chúng ta làm tròn một số, chúng ta nhìn sang bên phải của dấu thập phân để tìm xem chúng ta làm tròn lên hay làm tròn xuống. Nếu nó là .5 trở lên và tích cực, chúng tôi làm tròn; nếu nó nhỏ hơn 0,5 khi dương, chúng tôi làm tròn xuống. Trong trường hợp là số âm, ngưỡng được điều chỉnh một chút:nếu .5 trở xuống, chúng tôi làm tròn xuống. Đây là cú pháp:

Math.round(inputVal);

Vì chúng tôi đang sử dụng Đối tượng Toán học, chúng tôi bắt đầu với Toán học. Tiếp theo là phương pháp vòng. 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ị được làm tròn.

<!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="round">Enter a number:</label>
     <input id="round" onchange=handleChange(event) type="text" name="round" 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.round(inputVal);
 
     }
     const inputValue = document.getElementById("round").value
   </script>
 </body>
</html>

Nếu bạn nhập một chuỗi hoặc null vào đầu vào, nó sẽ trả về NaN. Hãy thử trình chỉnh sửa mã ở trên và nhập một số số dấu phẩy động để biết cách hoạt động của phương thức Math.round ().

Kết luận

Đó là nó! Bây giờ bạn có thể sử dụng đối tượng Math để tìm ra cách làm tròn 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