Làm cách nào để lấy nhiều đầu vào từ người dùng trong JavaScript?

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp xử lý nhiều đầu vào bằng dấu nhắc JavaScript, đôi khi trong một số trường hợp cụ thể hoặc hiếm gặp, chúng tôi phải nhận giá trị từ người dùng trong cảnh báo hoặc nói từ dấu nhắc

Vì vậy, trong bài viết này, chúng ta sẽ hiểu cách hiển thị nhiều trường nhập liệu với sự trợ giúp của JavaScript bên trong dấu nhắc. Hãy cho chúng tôi xem đoạn mã dưới đây

Hướng dẫn từng bước về dấu nhắc JavaScript nhiều đầu vào. -

Vì, một điều cần lưu ý ở đây là có nhiều cách giúp bạn có thể hiển thị các trường nhập liệu bằng cách sử dụng dấu nhắc

Phương thức prompt[] hiển thị hoặc hiển thị hộp thoại nhắc người dùng nhập liệu. Hãy để chúng tôi hiểu bài viết này với sự trợ giúp của mã

    
    
    
    convert object to array using JavaScript


Click me once


function myFunction[] {
  let color = prompt["Please enter your favorite color here", "Black"];
  if [color != null] {
    document.getElementById["demo"].innerHTML =
    "WOW " + color + "! your choice is too good !!";
  }
}

1. First, we write which we used as an instruction to the web browser about what version of HTML file is written in.
2. Secondly, the tag is used to indicate the beginning of an HTML document.
3. As above now tag is used to contain information about web page. In this tag a tag is used which helps us to specify a webpage title. Both and tags are Paired tags. So, both have and ending tags respectively.
4. Ở đây, sau đó chúng ta tạo một thẻ body. Tất cả nội dung mà chúng tôi muốn hiển thị trên màn hình hoặc hiển thị của trình duyệt luôn được ghi bên trong mã này
5. Ở đây, bên trong phần thân, chúng tôi tạo một nút và sau đó chúng tôi tạo một đoạn trống. Khi nhấp vào nút, một chức năng sẽ chạy đó là myfunction[]
6. Ở đây, sau phần thân chúng ta sử dụng thẻ script, thẻ script là thẻ ghép nối và nó phải có thẻ đóng. Tất cả các mã JavaScript của chúng tôi đều nằm trong các thẻ này
7. Bây giờ, ở đây chúng tôi tạo chức năng của chúng tôi hoặc nói định nghĩa nó. Sử dụng dấu nhắc, chúng tôi tạo một hộp nhắc và đặt giá trị mặc định
8. Trong này nếu tô màu thì nó sẽ hiện thông báo như wow đen lựa chọn của bạn quá tốt. Nhưng nếu bạn không điền bất kỳ giá trị nào thì nó sẽ hiển thị trực tiếp thông báo. Chúng tôi hy vọng rằng bạn hiểu đúng các mã
9. Ở đây, sử dụng phương pháp này, chúng tôi có thể tạo nhiều đầu vào thay vì một. Ở đây, bạn chỉ cần viết lại dòng nhắc bao nhiêu tùy ý đầu vào và phải tùy chỉnh nếu điều kiện
10. At last, the and tags are closed with and respectively.

Phần kết luận. -

Cuối cùng, để kết luận, ở đây chúng ta có thể nói rằng với sự trợ giúp của bài viết này, chúng ta có thể hiểu cách nhắc nhiều đầu vào bằng JavaScript

Tôi hy vọng hướng dẫn này về JavaScript nhắc nhiều đầu vào sẽ giúp bạn và các bước cũng như phương pháp được đề cập ở trên dễ thực hiện và thực hiện

Không thể nhập nhiều dấu nhắc JavaScript trong hành vi của trình duyệt gốc. Bạn cần sử dụng thư viện tùy chỉnh để tạo các phần tử phương thức. Ví dụ: bạn có thể sử dụng jQuery UI

Một cách khác để làm điều đó là có một dấu phân cách chung mà bạn chia trên. Chẳng hạn, dấu phân cách ~, bạn có thể làm điều này

const inputs = prompt["Enter your inputs separated by a tilde ~"].split["~"];

console.log[inputs];

JavaScript nhắc nhiều đầu vào

Mã ví dụ đơn giản yêu cầu người dùng cung cấp nhiều dữ liệu có dấu phân cách e. g. đầu vào1 đầu vào2 đầu vào1, đầu vào2

và bạn có thể mô tả định dạng trong thông báo hộp nhắc

  
    const inputs = prompt["Enter your inputs separated by a tilde ~"].split["~"];

    console.log[inputs];
  

đầu ra

Một vi dụ khac

Click me once




function myFunction[] {
  let color = prompt["Please enter your favorite color here", "Black"];
  if [color != null] {
    document.getElementById["demo"].innerHTML =
    "WOW " + color + "! your choice is too good !!";
  }
}

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề đầu vào Js này

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Làm cách nào để lấy nhiều đầu vào của người dùng trong JavaScript?

Làm cách nào để lấy nhiều đầu vào trong một dòng trong Java?