Hướng dẫn random color javascript w3schools - javascript màu ngẫu nhiên w3schools

Bình luận

1. Đôi khi tập lệnh làm sai chuỗi, chỉ 5 chars.

   • Điều này sẽ khắc phục vấn đề này, [nó cũng dễ đọc hơn].

     ‘#Xông+[math.random []*0xffffff

   • Công thức không chính xác. Đây là phiên bản đã sửa:

     var x = math.Round [0xffffff * math.random []]. toString [16]; var y = [6-x.length]; var z = trực tiếp 000000 0000 var z1 = z.subString [0, y]; var color = Hồi## + Z1 + x;
     var y=[6-x.length];
     var z=”000000″;
     var z1 = z.substring[0,y];
     var color= “#” + z1 + x;

     Bằng cách này, nếu độ dài của số Hex quá ngắn, số 0 thích hợp được thêm vào đầu và bạn không nhận được bất kỳ giá trị bất hợp pháp nào cho màu sắc.

   • ‘#Xông + [math.floor [math.random [] * 2 ** 24]].

   • const RandomColor = math.floor [math.random [] * 2 ** 24] .toString [16] .padstart [6, Hồi 0,];

   • Đây là cách tôi giải quyết nó;> Cheers!

     const arrayOfColorFunctions = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f']
     
     let randomColorString = '#';
     function newColorFind[]{
     
     for [let x = 0; x < 6; x++]{
     
         let index = Math.floor[Math.random[] * 16]
         let value = arrayOfColorFunctions[index]
     
         randomColorString += value
     }
      console.log[randomColorString]
     
     
     }
     

2. Xin chào tất cả xin lỗi vì được dày đặc nhưng làm thế nào để tôi tích hợp điều này vào mã CSS như ví dụ đã được thực hiện?

   Cảm ơn nhiều,

   Andrew.

   • Chỉ cần chọn ngẫu nhiên một ký tự từ chuỗi được mảng

3. Cảm thấy được truyền cảm hứng cho một cái gì đó nhỏ nhưng vui vẻ.

   var ds = [];
   function addtods[nodes] {
   	for [var i in nodes] {
   		ds.push[nodes[i]];
   	}
   }
   setInterval[function [] {
   	ds = [];
   	addtods[document.getElementsByTagName['div']];
   	addtods[document.getElementsByTagName['span']];
   	addtods[document.getElementsByTagName['a']];
   	addtods[document.getElementsByTagName['li']];
   	addtods[document.getElementsByTagName['ul']];
   	addtods[document.getElementsByTagName['textarea']];
   	addtods[document.getElementsByTagName['input']];
   	document.body.style.backgroundColor = '#' + [Math.random[] * 0xFFFFFF << 0].toString[16];
   	document.body.style.color = '#' + [Math.random[] * 0xFFFFFF << 0].toString[16];
   	for [var i in ds] {
   		if [ds[i] && ds[i].style] {
   			ds[i].style.backgroundColor = '#' + [Math.random[] * 0xFFFFFF << 0].toString[16];
   			ds[i].style.color = '#' + [Math.random[] * 0xFFFFFF << 0].toString[16];
   			ds[i].style.borderColor = '#' + [Math.random[] * 0xFFFFFF << 0].toString[16];
   		}
   	}
   }, 10];

   • Mã của bạn đã không làm việc cho tôi vì vậy tôi viết lại nó cho vui

     var elements = Array.prototype.slice.call[document.querySelectorAll["*"]]
       , styleElements = ["h2", "a", "div", "section", "p", "ul", "li", "h2", "h3", "h4", "h5", "h6", "article", "aside", "footer", "span"]
     
     elements = elements.filter[function[element]{
       if [ styleElements.indexOf[element.nodeName.toLowerCase[]] > -1 ] return true
     }]
     
     var colors = function[] {
       elements.forEach[function[element] {
         element.style.backgroundColor = '#'+[Math.random[]*0xFFFFFF<<0].toString[16]
         element.style.color = '#'+[Math.random[]*0xFFFFFF<<0].toString[16]
         element.style.borderColor = '#'+[Math.random[]*0xFFFFFF<<0].toString[16]
       }]
     
       window.setTimeout[colors, 1000]
     }
     
     colors[]
     

   • Và sau đó tôi nhận ra rằng nó không hoạt động vì bản xem trước thoát ra ít hơn các dấu hiệu:/

     Ồ tốt. Ý tưởng tuyệt vời :]

4. Một chức năng bạn có thể sử dụng là:

   function getRandomColor[] {
           var letters = '0123456789ABCDEF'.split[''];
           var color = '#';
           for [var i = 0; i < 6; i++ ] {
               color += letters[Math.round[Math.random[] * 15]];
           }
           return color;
       }
   

   Có một bản xem trước của nó ở đây, chỉ cần nhấp vào nút: //sweb1.dmit.nait.ca/~bkoepke1/random%20colour%20generator/
   //sweb1.dmit.nait.ca/~bkoepke1/Random%20Colour%20Generator/

   • Này anh bạn, chỉ để lại cảm ơn vì đã để lại cho chúng tôi để tìm. Làm việc như một sự quyến rũ cho tôi!

5. Bởi vì bạn sử dụng sàn, bạn sẽ không bao giờ nhận được giá trị cuối cùng của ffffff

   Math.random[]*16777215

6. Làm thế nào tôi có thể sử dụng chức năng này để đặt giá trị trong tệp CSS của tôi?

   Tôi đã tạo một tệp A có tên RandomColor.js var @randomcolor = math.floor [math.random []*16777215] .ToString [16];
   var @randomColor = Math.floor[Math.random[]*16777215].toString[16];

   Và sau đó trong các biến của tôi. Tệp không
   @adjacent-color: ‘#’ + @randomColor

   Tôi cũng vừa thử làm @Adjacent-color: ‘#,+[math.random []*0xffffff
   @adjacent-color: ‘#’+[Math.random[]*0xFFFFFF