Trình tạo màu tối ngẫu nhiên JavaScript
Trong hướng dẫn JavaScript này, mục đích của chúng ta là tìm hiểu về trình tạo màu ngẫu nhiên JavaScript. Nó cũng nêu bật các cách khác nhau để tạo mã 8 bằng các kỹ thuật khác nhau bao gồm các hàm 9 và 0 Show
Sử dụng Hàm //Syntax with one parameter slice(beginIndex); //Syntax with two parameters slice(beginIndex, endIndex); 9 và //slice function example, if beginIndex is a negative number var my_string = "test".str.slice(-2); //it will return "st". 0 để tạo màu ngẫu nhiên JavaScriptPhương pháp này sẽ giới thiệu cách tạo chuỗi hex ngẫu nhiên trong JavaScript và đặt màu nền bằng chuỗi hex đó. Hãy tìm hiểu các hàm 3, 4 và 5 được sử dụng để tạo mã màu hex ngẫu nhiênHàm JavaScript //slice function example, if beginIndex is a negative number var my_string = "test".str.slice(-2); //it will return "st". 6Hàm này trả về một số ngẫu nhiên (của kiểu dữ liệu float) trong khoảng từ 0 (bao gồm) đến 1 (không bao gồm). Phạm vi này có thể được viết là [0,1) hoặc 0<=number<1 Hàm JavaScript //slice function example, if beginIndex is a negative number var my_string = "test".str.slice(-2); //it will return "st". 4Phương thức 4 lấy 9 (tham số cơ số là tùy chọn) trong đó số được chuyển đổi thành một chuỗi. Chúng tôi đang sử dụng cơ sở 16 vì chúng tôi muốn số thập lục phân 2Hàm JavaScript //slice function example, if beginIndex is a negative number var my_string = "test".str.slice(-2); //it will return "st". 5Phương thức 5 lấy một phần cụ thể của chuỗi và trả về nó dưới dạng một chuỗi mới. Hãy nhớ rằng, chuỗi gốc không được sửa đổi. Chúng ta có thể sử dụng hàm 5 với một hoặc hai tham số tùy theo yêu cầu của dự án
Ở đây, 73 là bắt buộc trong khi 74 là tham số tùy chọn. Hàm này lấy một phần nhất định của chuỗi từ cuối nếu 73 là số âm
Bây giờ, chúng ta đã có đủ hiểu biết về các hàm và phương thức cần thiết. Chúng ta hãy xem mã ví dụ được đưa ra dưới đây Mã HTML 7Mã CSS 2Mã JavaScript 3Trong mã ví dụ này, hàm 76 được thực thi nếu bạn nhấp vào nút có giá trị id là 77. Các hàm 3, 4 và 5 phối hợp với nhau để tạo mã màu hex ngẫu nhiên và được lưu vào biến 21Sau đó, phần tử có giá trị id là 22 được chọn. Hàm 23 nhận hai tham số, tham số đầu tiên là tên thuộc tính (là 24) và tham số thứ hai là giá trị của thuộc tính đó (là giá trị của biến 21 ở đây)ĐẦU RA Sử dụng Hàm //slice function example, if beginIndex is a negative number var my_string = "test".str.slice(-2); //it will return "st". 26 và //Syntax with one parameter slice(beginIndex); //Syntax with two parameters slice(beginIndex, endIndex); 9 để tạo màu ngẫu nhiên JavaScriptPhương pháp này minh họa việc sử dụng thư viện jQuery và các hàm 9 để tạo bộ tạo màu ngẫu nhiên JavaScript. Chúng ta hãy xem các phương thức được sử dụng để tạo các chuỗi thập lục phân ngẫu nhiênHàm JavaScript //Syntax with one parameter slice(beginIndex); //Syntax with two parameters slice(beginIndex, endIndex); 9Hàm 30 trả về số lớn nhất (có thể nhỏ hơn hoặc bằng số đã cho) 9Hàm 31 đã được giải thích trong Phương pháp đầu tiên. Bạn có thể nhảy đến đó hoặc kiểm tra liên kết này để hiểu. Bạn có thể sử dụng mã ví dụ sau để thực hànhMã HTML 1Mã CSS 2Mã JavaScript 3Trong mã này, 76 sẽ được thực thi nếu bạn nhấp vào nút có giá trị id là 77. Một phương thức khác 34 được thực thi trong hàm 76. Hàm 34 có một biến tên là 37 đại diện cho các chữ cái thập lục phân. 38 chuyển đổi nó (số đã cho) thành mã thập lục phân và trả về giá trị cho hàm 76Bây giờ, hàm 76 đặt giá trị của thuộc tính CSS bằng hàm 91. Hàm 91 nhận hai tham số. Đầu tiên, tên thuộc tính là 24 và giá trị thuộc tính được trả về bởi hàm 34. Mặc dù, 95 đang hoạt động như một 96 nhưng bạn không thể sử dụng nó với hàm 91 (hãy xem dòng mã sau) 0 1Tuy nhiên, bạn có thể đặt thuộc tính CSS bằng cách sử dụng 96 như sau 2ĐẦU RA Bạn cũng có thể tối ưu hóa mã JavaScript của mình bằng cách kết hợp Phương pháp 1 và Phương pháp 2. Thay thế phần sau bằng mã JavaScript của bạn và quan sát đầu ra Mã JavaScript 3ĐẦU RA Sử dụng hàm //Syntax with one parameter slice(beginIndex); //Syntax with two parameters slice(beginIndex, endIndex); 99 để tạo màu ngẫu nhiên JavaScriptBạn có muốn tạo trình tạo màu tối ngẫu nhiên bằng JavaScript không? . Nó là phần mở rộng của 15. Hàm 10 hiển thị màu sáng theo giá trị của bốn tham số của nó 4Sau đây là mã khởi động cho bạn Mã HTML 1Mã CSS 2Mã JavaScript 7Trong đoạn mã này, hàm có tên 76 được thực thi nếu ai đó nhấp vào nút có giá trị id là 77. Số ngẫu nhiên được tính bằng hàm 31 và được truyền vào vị trí của tham số 11. Các giá trị của 12, 13 và 14 là 24, 25 và 26. Hàm 91 đặt 24 với giá trị được trả về bởi hàm 10ĐẦU RA kết luậnChúng ta đã học cách sử dụng các hàm 9, 0 và 10 cho bộ tạo màu ngẫu nhiên JavaScript. Chúng tôi đã biết về các cách khác nhau để lấy mã hex ngẫu nhiên và đặt thuộc tính màu nền trong JavaScript bằng cách sử dụng mã hex đó. Chúng tôi cũng đã học cách hiển thị màu sáng và tối một cách ngẫu nhiên
Làm cách nào để tạo màu tối ngẫu nhiên trong JavaScript?nền const = tài liệu. getElementById("nền"); const getRandomNumber = (giới hạn) => { trả về môn Toán. tầng (Toán. ngẫu nhiên () * giới hạn); const setBackgroundColor = () => { const h = getRandomNumber(360); Làm cách nào để tạo sắc thái của một màu JavaScript?màu sắc var = tài liệu. getElementsByClassName('khối'); for (i = 0; i < màu. chiều dài; var colorValue = cửa sổ. getComputingStyle(colors[i]). getPropertyValue('nội dung'); colors[i]. insertAdjacentHTML('beforeend', ''+ colorValue. replace(/['"#]+/g, '') +'');. |