StefiIOE

Untitled

Jun 24th, 2020
1,490
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.            $("#kelija1").css("background-color", "#FF0000" );
  10.            $("#kelija2").css("background-color", "#00FF00" );
  11.            $("#kelija3").css("background-color", "#0000FF" );
  12.  
  13.  
  14.             document.addEventListener("keyup", function(event) {
  15.                 console.log(event.which);
  16.                 if(parseInt(event.which) == 38)
  17.                 {
  18.                     $("#kelija1").css("background-color", randomboja() );
  19.                     $("#kelija2").css("background-color", randomboja() );
  20.                     $("#kelija3").css("background-color", randomboja() );
  21.                 }
  22.                 else if(parseInt(event.which) == 37){
  23.                     var prva = document.getElementById("kelija1").style.backgroundColor;
  24.                     var vtora = document.getElementById("kelija2").style.backgroundColor;
  25.                     var treta = document.getElementById("kelija3").style.backgroundColor;
  26.  
  27.                     $("#kelija1").css("background-color", vtora);
  28.                     $("#kelija2").css("background-color", treta);
  29.                     $("#kelija3").css("background-color", prva);
  30.                 }
  31.             });
  32.  
  33.  
  34.  
  35.         });
  36.         function randomboja() {
  37.             var letters = '0123456789ABCDEF'.split('');
  38.             var color = '#';
  39.             for (var i = 0; i < 6; i++) {
  40.                 color += letters[Math.floor(Math.random() * 16)];
  41.             }
  42.             return color;
  43.         }
  44.  
  45.  
  46.     </script>
  47. </head>
  48. <body>
  49.  
  50. <table style="width:300px;height:100px">
  51.     <tr>
  52.         <td id="kelija1" >
  53.         </td>
  54.         <td id="kelija2">
  55.         </td>
  56.         <td id="kelija3">
  57.         </td>
  58.     </tr>
  59. </table>
  60.  
  61. </body>
  62. </html>
RAW Paste Data