Advertisement
StefiIOE

promena na boja

Feb 8th, 2020
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPEhtml>
  2. <html>
  3. <head>
  4.   <meta charset=utf-8/>
  5.   <title>Title</title>
  6. </head>
  7. <body>
  8. <p>[<a href="#"onMouseOver="highlight()"onMouseOut="returnТoNormal()">On mouse over here bold words of the following paragraph will be highlighted</a>]</p>
  9. <p><strong>We</strong> have just started <strong>this</strong> section for the users (<strong> beginner</strong> to intermediate)who <strong> want </strong>to work with<strong> various </strong>JavaScript<strong> problems </strong> and write scripts online to <strong> test </strong>their JavaScript<strong> skill </strong>.</p>
  10. </body>
  11. </html>
  12. <script>
  13.   var boldItems;
  14.   window.onload=getBoldItems();
  15.   function getBoldItems()
  16.   {
  17.    boldItems = document.getElementsByTagName('strong');
  18.   }
  19.    function highlight()
  20.    {
  21.     for(var i = 0 ; i < boldItems.length; i++)
  22.     {
  23.       boldItems[i].style.color="green";
  24.     }
  25.    }
  26.    function returnToNormal() {
  27.      for(var i = 0 ; i < boldItems.length ; i++ )
  28.      {
  29.        boldItems[i].style.color = "black";
  30.      }
  31.    }
  32.  
  33. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement