Làm cách nào để nhận đầu vào từ người dùng bằng JavaScript mà không cần html?

JavaScript là ngôn ngữ lập trình động cho máy tính. Là một thành phần của trang web, nó cho phép các tập lệnh phía máy khách tương tác với người dùng và tạo các trang động. Nó là một ngôn ngữ lập trình thông dịch hướng đối tượng. Phần tốt nhất về điều này là bạn có thể học Node. js từ đầu.  

Có suy đoán rằng Netscape đã đổi tên JavaScript từ LiveScript vì sự nhiệt tình do Java tạo ra. LiveScript là tên gốc của JavaScript khi nó xuất hiện lần đầu trong Netscape 2. 0 vào năm 1995. Netscape, Internet Explorer và các trình duyệt web khác bao gồm lõi đa năng của ngôn ngữ

Đặc tả ECMA-262 đã chỉ định phiên bản tiêu chuẩn của ngôn ngữ lõi JavaScript

• Lập trình với JavaScript nhanh chóng và dễ dàng vì đây là ngôn ngữ được thông dịch
• Được xây dựng để phát triển phần mềm tập trung vào mạng
• Tích hợp và bổ sung cho Java
• Khả năng tương thích HTML và tích hợp HTML
• Có thể truy cập từ mọi máy tính hoặc thiết bị di động

Prompt() hiển thị hộp thoại có thông báo tùy chọn yêu cầu người dùng nhập một số nội dung. Nếu người dùng muốn gửi một giá trị trước khi truy cập một trang, đây là phương pháp phổ biến nhất. Để biết cách lấy đầu vào trong javascript, hãy tiếp tục đọc.  

Phương thức JavaScript Prompt() là gì?

Mọi người đang hỏi, "Làm cách nào để lấy thông tin đầu vào từ người dùng trong JavaScript?" . Thông thường, nó thu thập thông tin từ người dùng trước khi trang được tải. Nó không cần sử dụng tiền tố cửa sổ. Hộp nhắc này yêu cầu lựa chọn giữa 'OK' và 'Cancel. '

Hàm prompt(), chấp nhận hai tham số, được sử dụng để hiển thị hộp thông báo. Nhãn hộp văn bản và chuỗi mặc định của hộp văn bản là hai đối số riêng biệt. Chỉ có hai tùy chọn trong hộp thoại. OK và Hủy bỏ. Nếu người dùng cung cấp một chuỗi, nó sẽ được trả về thay vì null. Hộp trả về giá trị được nhập bởi người dùng khi họ nhấn "OK. " Nếu bạn nhấp vào "Hủy", nó sẽ trả về con số không

Người dùng buộc phải đọc tin nhắn trong hộp nhắc. Tốt nhất là không nên lạm dụng chiến lược này vì nó ngăn người dùng truy cập vào các phần khác của trang web cho đến khi đóng hộp

Văn bản do người dùng gửi được trả về dưới dạng chuỗi hoặc null

cú pháp

Là kết quả của (tin nhắn, mặc định)

Văn bản được hiển thị cho người dùng trong một tin nhắn

Nó là tùy chọn và có thể bị xóa nếu cửa sổ nhắc không bao gồm bất cứ thứ gì để hiển thị

Trong khu vực nhập văn bản, giá trị mặc định là một chuỗi được hiển thị. Ngoài ra, có thể

Thí dụ

    
        Window prompt() Method
    


    
        GeeksforGeeks
    
    

        Window prompt() Method
    
 
        Click me!
    
    
  

Đầu vào của người dùng từ Bảng điều khiển trình duyệt

Nhắc người dùng cung cấp thông tin có thể được thực hiện bằng JavaScript. Lệnh sau có thể được sử dụng để kiểm tra cách lấy đầu vào của người dùng bằng JavaScript trong bảng điều khiển JS

"Tên của bạn là gì?"

Trong cửa sổ trình duyệt của bạn, một hộp văn bản sẽ mở ra sau khi nhấn Return hoặc Enter, như minh họa ở trên

Cửa sổ bật lên biến mất sau khi bạn nhập tên của mình và nhấp vào OK, đồng thời giá trị bạn đã cung cấp trong cùng một hiển thị trong bảng điều khiển, như đã thấy ở trên

Điều này tốt nếu bạn chỉ muốn thu thập dữ liệu và lặp lại nó như một con vẹt. Sau đó, nếu bạn định làm gì với dữ liệu của người dùng thì sao?

Tạo một biến mới theo sau là dấu bằng để giữ dữ liệu do người dùng nhập. Sau đó, bạn trả lời câu hỏi bằng câu sau

tên tài khoản. var tên người dùng = dấu nhắc ("tên của bạn là gì?");

Nếu bạn muốn biết cách lấy đầu vào trong nút js, hãy tiếp tục đọc. Theo cách tương tự như trước đây, nhấn Return hoặc Enter sẽ hiển thị cửa sổ bật lên trong trình duyệt của bạn. Bảng điều khiển JavaScript in ra không xác định sau khi nhập tên của bạn vào cửa sổ bật lên, cho biết rằng câu lệnh đã hoàn tất và không cần làm gì khác

Nhập tên biến vào bảng điều khiển để xem giá trị bạn vừa nhập. Trong ví dụ này, JavaScript phản ứng bằng cách trả về giá trị của biến

Đầu vào từ Bảng điều khiển trình duyệt của người dùng

Bạn phải sử dụng chức năng prompt() của trình duyệt nếu bạn muốn trình duyệt yêu cầu người dùng nhập liệu. Bạn có thể nhận đầu vào của người dùng ở dạng chuỗi và lưu nó vào một biến bằng Phương thức sau

đầu vào const bằng dấu nhắc();

Ngoài ra, hàm này lấy một chuỗi như một phần thông tin bổ sung về những gì chương trình mong đợi ở dạng đầu vào. Để hỏi tên người dùng, đoạn mã sau được sử dụng

"Tên bạn là gì?"

Tên bạn đã nhập là $input

Kết quả được hiển thị trong thông báo alert(). Tùy thuộc vào nhu cầu của bạn, bạn có thể định dạng nội dung dòng dưới dạng câu hỏi hoặc mẹo

Sử dụng Bảng điều khiển NodeJS để nhận đầu vào của người dùng

Mô-đun thời hạn nhất định phải được sử dụng để lấy đầu vào của người dùng từ bảng điều khiển NodeJS. Các lệnh mô-đun sau, chẳng hạn như cần(), có sẵn cho bạn

Const readline = require("readline")

Sau đó, bạn cần tạo giao diện liên kết với luồng đầu vào và sử dụng nó để đưa ra quyết định. Tận dụng đường đọc để tạo lợi thế cho bạn. Phương thức tạo giao diện () được sử dụng để xây dựng giao diện và cung cấp tham số làm đối số đối tượng

Tiến trình. Stdin và quy trình. Stdout phải được viết với đầu vào và đầu ra

Đây là một ví dụ về cách triển khai giao diện người dùng readline

• nếu readline là một const, thì nó phải được yêu cầu
• createInterface(ql) = dòng đọc. tạoGiao diện(
• tiến trình. stdin là đầu vào
• Tiến trình. thiết bị xuất chuẩn là đầu ra
• });

Hàm question() phải được gọi trên phiên bản giao diện được phân bổ cho biến Q1 trong mã ở trên để thu thập phản hồi của người dùng

• Có hai đầu vào cho phương thức question()
• Bạn có thể gõ vào một chuỗi các câu hỏi ở đây

Khi nhận được phản hồi, chức năng gọi lại này được gọi và phản hồi được gửi cùng với chức năng

Hàm gọi lại có thể được gửi thay cho đối tượng đối số làm tham số thứ hai

• Cuối cùng là q1. phương thức close() trong chức năng gọi lại có thể được sử dụng để tắt giao diện q1
• mảng. js
• nếu đọc là một const, thì nó phải được yêu cầu
• hằng số q1 = đường đọc. tạo giao diện
• tiến trình. Stdin là đầu vào
• Tiến trình. thiết bị xuất chuẩn là đầu ra
• });
• "Ban song o dau?"
• "Ồ, vậy là bạn sống ở thành phố $response. "
• Giao diện đã được đóng lại
• q1. Thoát();
• });
• Sử dụng Mô-đun đồng bộ hóa nhanh chóng để nhận đầu vào của người dùng từ NodeJS
• NPM hoặc Sợi có thể được sử dụng để cài đặt Mô-đun đồng bộ hóa nhắc nhở
• sử dụng npm để thiết lập "prompt-sync. "
• hoặc là
• Sợi thêm đồng bộ hóa nhanh
• Cuối cùng, hàm need() cần thiết cho Mô-đun đồng bộ hóa nhắc nhở
• Bạn có thể xem mã ở đây
• buổi chiều. js
• request("prompt-sync")());
• nhắc("Bạn sống ở đâu?");
• 'Ồ, vậy là bạn sống ở $input';

Để phương pháp này hoạt động, phiên bản Node phải đợi đầu vào trước khi chuyển sang dòng mã sau. Ngoài ra, khóa học dành cho nhà phát triển java toàn diện có thể hữu ích nếu bạn muốn biết thêm

Đầu vào của người dùng từ nút. bảng điều khiển js

Sử dụng nút. js CLI, làm cách nào tôi có thể làm cho nó tương tác?

Sử dụng mô-đun readline trong Node. js, bạn có thể nhận đầu vào từ luồng có thể đọc được như quy trình. Luồng Stdin là đầu vào đầu cuối trong quá trình thực thi Nút. ứng dụng js

Khi người dùng nhập tên của họ và nhấn enter, mã này sẽ gửi lời chào mừng đến người dùng. Nhưng làm cách nào để lấy đầu vào trong javascript từ bảng điều khiển?

Trong hàm question(), đối số đầu tiên (một câu hỏi) được hiển thị và người dùng được nhắc trả lời nó. Khi nhấn phím enter, chức năng gọi lại được gọi. Chúng tôi đóng giao diện readline trong chức năng gọi lại này

Vui lòng kiểm tra tài liệu readline được đề cập ở trên để có thêm tùy chọn

Tốt hơn là hiển thị dấu * thay vì lặp lại mật khẩu nếu bạn cần yêu cầu. Sử dụng gói readline-sync, gói này có API có thể so sánh được và đảm nhận việc này cho bạn theo mặc định. Để có giải pháp toàn diện và trừu tượng hơn, hãy xem Inquirer. gói js

trình hỏi cài đặt npm có thể được sử dụng để thiết lập và sau đó mã hiển thị ở trên có thể được sử dụng như sau

consisting of queries =
{
"input" as the type
'name' is the name
"What's your name?" is the message.
},
];
inquirer.prompt(questions).
After that, the results are as follows:
log('Hi $answers.name!'), console.log('
});

Ví dụ: bạn có thể sử dụng Người hỏi. js để yêu cầu nhiều tùy chọn, nút radio, v.v. Điều cần thiết là phải biết tất cả các tùy chọn có sẵn, đặc biệt là các tùy chọn do Node cung cấp. js', nhưng Inquirer. js là tùy chọn tốt nhất để sử dụng đầu vào CLI với toàn bộ tiềm năng của nó

Đầu vào của người dùng từ nút. js Bảng điều khiển với Mô-đun đồng bộ hóa nhắc nhở

Nút. js cung cấp các khả năng tinh vi để giao tiếp với hệ thống tệp máy tính, vận hành máy chủ web và xây dựng ứng dụng đầu cuối để thực thi mã JavaScript bên ngoài trình duyệt. Nút thực hiện các quy trình này một cách không đồng bộ, điều đó có nghĩa là việc nhận đầu vào của người dùng từ thiết bị đầu cuối không đơn giản như thực thi phương thức get input(). Sử dụng một mô-đun Node thực tế, chúng tôi sẽ hướng dẫn bạn cách khắc phục nó (cũng như các mẹo và chiến thuật hữu ích khác để xử lý đầu vào của người dùng)

Ngoài đối tượng quy trình tích hợp và mô-đun đọc, Node. js cung cấp một số tùy chọn để xử lý các tương tác. Các hàm gọi lại là một phần quan trọng của các công nghệ này, khiến chúng khó hiểu khi bạn mới bắt đầu sử dụng chúng

'readline' is required to be a const readline.
create an interface({
process. Stdin is the input.
the stdout output of the procedure
});

Truy vấn 'Bạn là ai?' . câu hỏi

Trong thiết bị đầu cuối, báo cáo "Này, $name. "

đọc hiểu. Thoát();

});

dòng đọc. Câu hỏi () và chức năng gọi lại phải được gọi mỗi khi cần sử dụng trường đầu vào. Điều này hoạt động như dự định, nhưng nó cồng kềnh và đòi hỏi nhiều bản soạn sẵn. Có một cách tiếp cận đơn giản hơn, bất kể trình độ lập trình JavaScript của bạn là bao nhiêu hoặc bạn muốn thiết lập và chạy một tập lệnh tương tác nhanh như thế nào

Đồng bộ hóa nhắc nhở có thể được sử dụng để đồng bộ hóa với các ứng dụng khác

Có thể sử dụng mô-đun Nút được gọi là đồng bộ hóa nhắc thay vì cú pháp dựa trên gọi lại

Nút và NPM nên được cài đặt

Trong terminal gõ npm install prompt-sync

Sau ""cần", có thêm () (). Vì vậy, để nhận được chức năng nhắc nhở của bạn, bạn cần gọi chức năng khiến chúng đồng bộ hóa nhắc nhở

Sau khi bạn đã tải mô-đun nhắc đồng bộ hóa và gọi nó, việc sử dụng nó để truy xuất dữ liệu nhập của người dùng tương đối đơn giản

• const prompt = require('prompt-sync')();
• prompt('What is your name?') là một tên hằng
• (bảng điều khiển. log "Xin chào, $name")

Thật đơn giản để giữ phản hồi của người dùng được trả về bởi Phương thức prompt() dưới dạng một đối tượng trong một biến. Giá trị được lưu trữ trong biến tên, sau đó được lặp lại cho người dùng ở dòng sau

Cho phép người dùng rời đi

Ctrl + C là cách mặc định để thoát khỏi hầu hết các ứng dụng đầu cuối. Điều này sẽ gửi một thông báo SIGINT hoặc "ngắt tín hiệu", cho biết rằng người dùng muốn kết thúc chương trình. Khi sử dụng đồng bộ hóa nhanh, hãy thêm đối tượng cấu hình bằng SIGINT. đúng để đảm bảo rằng người dùng của bạn có thể thoát khỏi chương trình bất cứ lúc nào

• "prompt-sync" là một yêu cầu đối với lời nhắc
• Giải bài toán

Bởi vì mọi đầu vào của người dùng được nhận dưới dạng Chuỗi, bạn phải chuyển đổi nó thành số nguyên trước khi sử dụng

• hằng số được sử dụng theo cách sau
• Khi được nhắc, hãy nhập giá trị số sau
• Số của bạn nhân với bốn kết quả trong này
• bảng điều khiển. log(Số(số) + 4) ;

Để biết các bước tiếp theo, hãy xem các bài đăng trên blog của chúng tôi về thư mục trong Node. js

Phần kết luận

Hy vọng bây giờ bạn đã biết cách lấy nhiều đầu vào từ người dùng trong javascript. Hàm prompt() hiển thị hộp thoại với thông báo tùy chọn thúc giục người dùng nhập một số nội dung. Nó thường được sử dụng nếu người dùng muốn nhập một giá trị trước khi truy cập trang. Nó trả về một chuỗi chứa văn bản do người dùng cung cấp hoặc null. Knowledgehut tìm hiểu nút js từ đầu có thể là một lựa chọn thực sự tốt nếu bạn muốn biết thêm về chủ đề này.  

Câu hỏi thường gặp (FAQ)

Q. Làm cách nào tôi có thể yêu cầu đầu vào trong JS?

Ví dụ, trong JavaScript, phương thức prompt() có thể yêu cầu người dùng cung cấp thông tin. Văn bản hiển thị cho người dùng được gửi dưới dạng tham số. Khi người dùng nhấn "OF", giá trị đầu vào được trả lại cho họ. Để chúng tôi có thể sử dụng thông tin sau này, chúng tôi thường lưu đầu vào của người dùng dưới dạng một biến

Làm cách nào để nhận giá trị đầu vào từ người dùng trong JavaScript?

Làm cách nào để đặt giá trị đầu vào trong JavaScript?

Làm cách nào để lấy tên đầu vào trong JavaScript?

Làm cách nào để nhận đầu vào số nguyên từ người dùng trong JavaScript?