StefiIOE

Untitled

Jun 24th, 2020
1,519
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  7.     <script>
  8.         $(document).ready(function (){
  9.             var colorR = Math.floor((Math.random() * 256));
  10.             var colorG = Math.floor((Math.random() * 256));
  11.             var colorB = Math.floor((Math.random() * 256));
  12.             $("#kelija1").css("background-color", "rgb(" + colorR + "," + colorG + "," + colorB + ")" );
  13.             var colorR = Math.floor((Math.random() * 256));
  14.             var colorG = Math.floor((Math.random() * 256));
  15.             var colorB = Math.floor((Math.random() * 256));
  16.             $("#kelija2").css("background-color", "rgb(" + colorR + "," + colorG + "," + colorB + ")" );
  17.             var colorR = Math.floor((Math.random() * 256));
  18.             var colorG = Math.floor((Math.random() * 256));
  19.             var colorB = Math.floor((Math.random() * 256));
  20.             $("#kelija3").css("background-color", "rgb(" + colorR + "," + colorG + "," + colorB + ")" );
  21.  
  22.  
  23.             document.addEventListener("keyup", function(event) {
  24.                 console.log(event.which);
  25.                 if(parseInt(event.which) == 38)
  26.                 {
  27.                     $("#kelija1").css("background-color", randomboja() );
  28.                     $("#kelija2").css("background-color", randomboja() );
  29.                     $("#kelija3").css("background-color", randomboja() );
  30.                 }
  31.                 else if(parseInt(event.which) == 37){
  32.                     var prva = document.getElementById("kelija1").style.backgroundColor;
  33.                     var vtora = document.getElementById("kelija2").style.backgroundColor;
  34.                     var treta = document.getElementById("kelija3").style.backgroundColor;
  35.  
  36.                     $("#kelija1").css("background-color", vtora);
  37.                     $("#kelija2").css("background-color", treta);
  38.                     $("#kelija3").css("background-color", prva);
  39.                 }
  40.             });
  41.  
  42.  
  43.  
  44.         });
  45.         function randomboja() {
  46.             var letters = '0123456789ABCDEF'.split('');
  47.             var color = '#';
  48.             for (var i = 0; i < 6; i++) {
  49.                 color += letters[Math.floor(Math.random() * 16)];
  50.             }
  51.             return color;
  52.         }
  53.  
  54.  
  55.     </script>
  56. </head>
  57. <body>
  58.  
  59. <table style="width:300px;height:100px">
  60.     <tr>
  61.         <td id="kelija1" >
  62.         </td>
  63.         <td id="kelija2">
  64.         </td>
  65.         <td id="kelija3">
  66.         </td>
  67.     </tr>
  68. </table>
  69.  
  70. </body>
  71. </html>
RAW Paste Data