Đây là hướng dẫn về Trình tạo số ngẫu nhiên trong JavaScript. Ở đây chúng ta thảo luận về việc tạo Số Ngẫu nhiên trong JavaScript với mã mẫu.

Bạn đang xem : tạo số ngẫu nhiên trong js

Trình tạo số ngẫu nhiên trong JavaScript

Số ngẫu nhiên là gì?

Số ngẫu nhiên là số được tạo ra bởi hệ thống máy tính của bất kỳ thiết bị nào như vậy mà chúng tôi không thể dự đoán được. Các nhà phát triển hoặc lập trình viên sử dụng cách tạo số ngẫu nhiên này để đáp ứng nhu cầu kinh doanh của họ. Theo chương trình, số này có thể được giới hạn trong phạm vi được chỉ định hoặc không đặt bất kỳ ranh giới nào của phạm vi. Trong chủ đề này, chúng ta sẽ tìm hiểu về Tạo số ngẫu nhiên trong JavaScript. Trong chủ đề này, chúng ta sẽ tìm hiểu về Trình tạo số ngẫu nhiên trong JavaScript.

Số ngẫu nhiên trong JavaScript

Hầu hết mọi ngôn ngữ lập trình đều có chức năng tích hợp giống nhau. JavaScript cũng có chức năng lấy một số ngẫu nhiên. Có nhiều cách khác nhau để chúng ta có thể lấy số ngẫu nhiên trong JavaScript, hãy xem với một số ví dụ.

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

Việc sử dụng số ngẫu nhiên

Những số ngẫu nhiên này có thể được sử dụng trong nhiều loại mã tạo trò chơi khác nhau. Điều này có thể được sử dụng trong trò chơi đoán số hoặc dự đoán. Điều này có thể được sử dụng trong việc triển khai tính năng OTP (Mật khẩu một lần). Chúng tôi nhận thức rất rõ về OTP mà chúng tôi thường nhận được từ các trang web khác nhau. Đó cũng là một số ngẫu nhiên và có thể nhận được bằng cách sử dụng hàm Ngẫu nhiên của JavaScript.

Ví dụ về Trình tạo số ngẫu nhiên trong JavaScript

Hãy cho chúng tôi xem một số ví dụ để tạo số ngẫu nhiên:

1. Sử dụng hàm Math.random ().

Chúng tôi có Toán học. hàm random () trong JavaScript để xử lý các số ngẫu nhiên. Kết quả là con số này luôn trả về ít hơn 1.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
document.getElementById ("random_number"). innerHTML = Math.random ();
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Số ngẫu nhiên trong đầu ra Javascript 1

Điều này sẽ luôn cho kết quả ở dạng dấu thập phân.

2. Nhận số ngẫu nhiên ở dạng số nguyên (số đầy đủ).

Chúng tôi có thể đạt được điều này bằng cách mở rộng chức năng trên.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
var randomNumber = Math.floor (Math.random () * 10);
document.getElementById ("random_number"). innerHTML = randomNumber;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra của đoạn mã trên sẽ thay đổi trong khoảng từ 0 đến 9. Vì chúng ta đã nhân với 10, điều này sẽ cung cấp đầu ra luôn ở một chữ số.

Xem Thêm  Hình ảnh nền CSS - Với mã ví dụ HTML - html đặt hình ảnh làm nền css

Số ngẫu nhiên trong đầu ra Javascript 2

3. Nhận số ngẫu nhiên từ 0 đến 99.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
var randomNumber = Math.floor (Math.random () * 100);
document.getElementById ("random_number"). innerHTML = randomNumber;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Chúng tôi sẽ nhận được một số ngẫu nhiên từ 0 đến 99. Nhưng hầu hết thời gian, chúng tôi sẽ nhận được các số có hai chữ số. Ví dụ – 68,45,34, v.v.

Số ngẫu nhiên trong đầu ra Javascript 3

4. Hãy xem cách chúng ta luôn có thể nhiều hơn 1 dưới dạng các số được tạo ngẫu nhiên.

Vì chúng ta biết rằng Math.random () thông thường sẽ cung cấp cho chúng ta một số từ 0 đến 1, chúng ta có thể nhân số này với 10 và thêm 1 để nhận được số luôn lớn hơn hoặc bằng 1.

 & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
var randomNumber = Math.floor (Math.random () * 10) + 1;
document.getElementById ("random_number"). innerHTML = randomNumber;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra

Số ngẫu nhiên trong đầu ra Javascript 4

5. Bây giờ, đã đến lúc lấy số ngẫu nhiên trên cơ sở các số tối thiểu và tối đa.

Có, chúng ta sẽ có một hàm có hai tham số, giả sử getRndInteger ().

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
function getRndInteger (tối thiểu, tối đa) {
return Math.floor (Math.random () * (tối đa - tối thiểu)) + tối thiểu;
}
document.getElementById ("random_number"). innerHTML = getRndInteger (10, 20);
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra

output 5

getRndInteger (10, 20); // điều này sẽ cung cấp cho chúng tôi các số từ 10 đến 20.
getRndInteger (1, 100); // điều này sẽ cung cấp cho chúng tôi các số từ 1 đến 100.
Lưu ý: Tất cả mã trên sẽ được hỗ trợ bởi – Google Chrome; Firefox; Opera mini; Safari, v.v.

6. Hàm ngẫu nhiên từ 10 đến 1000.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; h2 & gt; JavaScript Số Ngẫu nhiên & lt; / h2 & gt;
& lt; p id = "random_number" & gt; & lt; / p & gt;
& lt; script & gt;
function getRndInteger (tối thiểu, tối đa) {
return Math.floor (Math.random () * (tối đa - tối thiểu)) + tối thiểu;
}
document.getElementById ("random_number"). innerHTML = getRndInteger (10, 1000);
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Mã này rất giống với mã trên. Chúng tôi đang gọi ở đây cùng một hàm với các tham số khác nhau.

output 6

7. Tôi có thể nhận một số ngẫu nhiên duy nhất không?

Có, chúng tôi có thể nhận được một số duy nhất. Nhưng chúng ta không thể gọi nó là ngẫu nhiên; chúng ta có thể gọi nó là thực sự độc đáo. Không chỉ sử dụng điều này mà còn sử dụng dấu thời gian của JavaScript. Chúng tôi có thể tạo lập trình này. Chúng ta có thể lưu trữ dữ liệu đã được tạo ngẫu nhiên trong một mảng. Chúng ta có thể so sánh số mới tạo với số đã tồn tại trong mảng nếu chúng ta tồn tại trong mảng; wecan gọi lại hàm ngẫu nhiên để lấy hàm duy nhất.

Xem Thêm  Cách thoát vòng lặp trong JavaScript - javascript thoát cho vòng lặp
Nó có an toàn không?

Không, không có gì phải giải quyết vấn đề bảo mật. Điều này không được mã hóa hoặc giải mã; nó chỉ tạo ra số ngẫu nhiên. Chúng ta có thể tận dụng lợi ích của loại chức năng này trong việc tạo OTP (Mật khẩu dùng một lần) có độ dài cố định. Vì vậy, chúng ta nên tránh sử dụng nó cho các mục đích bảo mật. Chúng tôi có thể sử dụng nó như một chức năng tạo OTP.

Bây giờ, đã đến lúc tự kiểm tra

1. Trong JavaScript, chúng ta chỉ có thể lấy các số ngẫu nhiên của một phạm vi được chỉ định mà thôi? Đúng hay Sai?
2. JavaScript sử dụng thư viện MATH cho hàm ngẫu nhiên dựng sẵn. Đúng hay Sai?
3. Bạn có thể viết một chương trình bằng JavaScript để in một số ngẫu nhiên từ 50 đến 100 không? Bạn có thể lấy một gợi ý từ việc kiểm tra mã ở trên cho getRndInteger (10, 20).

Kết luận – Trình tạo số ngẫu nhiên trong JavaScript

Chúng tôi nên sử dụng tính năng Radom khi làm việc với bất kỳ ngôn ngữ lập trình nào để xử lý các yêu cầu kinh doanh khác nhau. Chức năng ngẫu nhiên của JavaScript có thể được sử dụng để đáp ứng nhiều loại nhu cầu kinh doanh khác nhau. Chúng tôi có thể sử dụng cùng một đầu ra JavaScript để lập trình phía máy chủ. Ví dụ: nếu chúng tôi đang sử dụng JavaScript với PHP , chúng tôi có thể sử dụng hàm này trong PHP để đáp ứng nhu cầu lập trình của mình. Chúng ta có thể sử dụng trò chơi đoán này hoặc các loại nội dung liên quan đến OTP. Chúng ta có thể sử dụng điều này để tạo bất kỳ số lượng chữ số ngẫu nhiên nào được chỉ định như chúng ta thấy trong nhiều ví dụ ở trên. Ngoài ra, chúng ta nên tránh sử dụng mã này vì đây là một chữ số ngẫu nhiên thuần túy.

Các bài báo được đề xuất

Đây là hướng dẫn về Trình tạo số ngẫu nhiên trong JavaScript. Ở đây chúng tôi thảo luận về Số ngẫu nhiên trong JavaScript với các ví dụ. Bạn cũng có thể xem bài viết sau để tìm hiểu thêm –

0

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề tạo một số ngẫu nhiên trong js

26: How To Create A Random Number Using JavaScript | Create A Random Number | JavaScript Tutorial

alt

  • Tác giả: Dani Krossing
  • Ngày đăng: 2018-07-19
  • Đánh giá: 4 ⭐ ( 1545 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this JavaScript tutorial you will learn how to create a random number using JavaScript. Generating a random number using JavaScript is a bit more complicated than you might think, since JavaScript doesn’t have a simple function or method that can do it. Therefore I decided to create this seperate video that teaches you how to do it using our own JavaScript code.

    ➤ CHECK OUT THESE AWESOME PEOPLE!

    Daniel Simionescu
    Meet Daniel: another Full-Stack developer who can teach you coding fast and free 😀
    https://www.youtube.com/channel/UCPIe87uLDW-QZ5FnUZqdxoA

    Code Smarter
    Hi, I’m Code Smarter, a new content creator. I create coding tutorials and coding challenges. I promise in the upcoming weeks my channel will be filled with content. Check my channel out and subscribe.
    Link: https://www.youtube.com/channel/UCB9rrRaWmDytZyK_GoHNDBQ?sub_confirmation=1

    ➤ GET ACCESS TO MY LESSON MATERIAL HERE!

    First of all, thank you for all the support you have given me!

    I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

    I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.

    I hope you will find it helpful 🙂

    Material for this lesson: https://www.patreon.com/posts/lesson-material-42361704

Kỹ thuật tạo một số ngẫu nhiên bằng phương thức random() trong JavaScript

  • Tác giả: webcoban.vn
  • Đánh giá: 3 ⭐ ( 2063 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Kỹ thuật tạo một số ngẫu nhiên bằng phương thức random trong JavaScript, ky thuat tao mot so nguyen ngau nhien bang phuong thuc random trong javascript

Kỹ thuật tạo một số ngẫu nhiên trong JavaScript

  • Tác giả: dienloi.com
  • Đánh giá: 5 ⭐ ( 1178 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: – Ở bài học trước, tôi đã giới thiệu sơ qua về phương thức random() của đối tượng Math, nó dùng để tạo một số ngẫu nhiên trong khoảng từ 0 đến 1 (không bao gồm số 1) – Tuy nhiên không dừng lại ở đó, nếu phương thức random() được sử dụng kết hợp

JavaScript Random

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 5 ⭐ ( 2819 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: ##Math.random()

    **Math.random()** trả về một số ngẫu nhiên có giá trị lớn hơn hoặc bằng 0 và bé hơn 1:

    Ví dụ:

    Math.random(); // tra ve mot so ngau nhien

    [Random](https://www.codehub.vn/95/1924/challenges/877)

    ***Math.random()**…

Tạo số ngẫu nhiên trong JavaScript

  • Tác giả: helpex.vn
  • Đánh giá: 3 ⭐ ( 1054 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn đã bao giờ cần tạo một số ngẫu nhiên trong JavaScript chưa? Không. Trong C #, việc tạo một số ngẫu nhiên rất đơn giản và cung cấp nhiều tùy chọn. Lớp ngẫu nhiên được sử dụng cho cùng,…

Cách tạo số ngẫu nhiên trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 7341 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách tạo một số ngẫu nhiên trong Javascript bằng cách sử dụng hàm Math.random, qua đó bạn có thể giới hạn phạm vi min và max của số random.

Math trong JavaScript

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 5 ⭐ ( 5607 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, bạn sẽ học cách thực hiện các phép toán trong JavaScript thông qua đối tượng Math. Đối tượng Math trong JavaScript là một đối tượng được tích hợp sẵn (buit-in object).

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Cách tạo hình nền đáp ứng với CSS [Hướng dẫn] - html làm cho hình nền đáp ứng

By ads_php