SHARE
TWEET

15.10

a guest Oct 13th, 2017 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.  
  3. <head>
  4.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  5. </head>
  6.  
  7. <style>
  8.     table,
  9.     td {
  10.         border: 2px solid black;
  11.     }
  12.  
  13.     td {
  14.         width: 17vw;
  15.         height: 17vw;
  16.     }
  17.  
  18.     .red{
  19.         background-color: red;
  20.     }
  21. </style>
  22.  
  23. <body>
  24.     <table>
  25.         <tr>
  26.             <td id="11"></td>
  27.             <td id="12"></td>
  28.             <td id="13"></td>
  29.             <td id="14"></td>
  30.             <td id="15"></td>
  31.         </tr>
  32.         <tr>
  33.             <td id="21"></td>
  34.             <td id="22"></td>
  35.             <td id="23"></td>
  36.             <td id="24"></td>
  37.             <td id="25"></td>
  38.         </tr>
  39.         <tr>
  40.             <td id="31"></td>
  41.             <td id="32"></td>
  42.             <td id="33"></td>
  43.             <td id="34"></td>
  44.             <td id="35"></td>
  45.         </tr>
  46.         <tr>
  47.             <td id="41"></td>
  48.             <td id="42"></td>
  49.             <td id="43"></td>
  50.             <td id="44"></td>
  51.             <td id="45"></td>
  52.         </tr>
  53.         <tr>
  54.             <td id="51"></td>
  55.             <td id="52"></td>
  56.             <td id="53"></td>
  57.             <td id="54"></td>
  58.             <td id="55"></td>
  59.         </tr>
  60.     </table>
  61. </body>
  62.  
  63. <script>
  64.     function getRandomNumber(){
  65.         return Math.floor(Math.random() * 5) + 1  ;
  66.     }
  67.  
  68.     function getRandomSquare(){
  69.         let y = getRandomNumber().toString();
  70.         let x = getRandomNumber().toString();
  71.         return y+x;
  72.     }
  73.  
  74.     function makeRedSquare(){
  75.         $("td").removeClass("red");
  76.         let id = getRandomSquare();
  77.         console.log(id);
  78.         $("#" + id).addClass("red");
  79.     }
  80.  
  81.    
  82.     setInterval(makeRedSquare, 3000);
  83.  
  84.    
  85. </script>
  86.  
  87. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top