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

Làm cho JavaScript nhận đầu vào HTML từ người dùng, phân tích cú pháp và hiển thị?

Giá trị đầu vào HTML là một chuỗi. Để chuyển đổi chuỗi thành số nguyên, hãy sử dụng parseInt ().

Ví dụ

Sau đây là mã -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <input type="text" id="txtInput" placeholder="Enter a number">
   <button type="button" onclick="result();">GetANumber</button>
</body>
<script>
   function result() {
      var numberValue = document.getElementById("txtInput").value;
      if (!isNaN(numberValue))
         console.log("The value=" + parseInt(numberValue));
      else
         console.log("Please enter the integer value..");
   }
</script>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)”. Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau trên bảng điều khiển -

Làm cho JavaScript nhận đầu vào HTML từ người dùng, phân tích cú pháp và hiển thị?

Bây giờ, hãy nhập một giá trị vào hộp văn bản.

Làm cho JavaScript nhận đầu vào HTML từ người dùng, phân tích cú pháp và hiển thị?

Bây giờ nhấn nút, bạn sẽ nhận được kết quả sau.

Điều này sẽ tạo ra kết quả sau -

Làm cho JavaScript nhận đầu vào HTML từ người dùng, phân tích cú pháp và hiển thị?

Đầu ra trong bảng điều khiển -

Làm cho JavaScript nhận đầu vào HTML từ người dùng, phân tích cú pháp và hiển thị?