Advertisement
Guest User

Untitled

a guest
Apr 24th, 2017
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.77 KB | None | 0 0
  1. <style id="jsbin-css">
  2. .current {
  3. background-color: #FCDC13;
  4. }
  5.  
  6. #next {
  7. background-color: #FFA7C0;
  8. }
  9.  
  10. .finished {
  11. text-decoration: line-through;
  12. }
  13.  
  14. .cool {
  15. border: 2px solid #00D0CB;
  16. margin: 5px 0;
  17. }
  18. </style>
  19. <h1>Reading List</h1>
  20.  
  21. <ul class="list">
  22. <li class="current">The Wind Up Bird Chronicle</li>
  23. <li class="current">A Visit From the Goon Squad</li>
  24. <li id="next">The Flamethrowers</li>
  25. <li>To Kill a Mockingbird</li>
  26. <li>Kafka on the Shore</li>
  27. </ul>
  28.  
  29. <button id="chill">Chill!</button>
  30. <script id="jsbin-javascript">
  31. document.querySelectorAll('.current')[1].textContent = "The Violent Bear It Away";
  32.  
  33. document.getElementById('next').textContent = "Me Talk Pretty One Day";
  34.  
  35. document.querySelector('li').textContent = "Brothers Karamazov";
  36.  
  37. document.getElementsByTagName('li')[3].textContent = "JavaScript is fun!";
  38. </script>
  39. <script id="jsbin-source-html" type="text/html"><h1>Reading List</h1>
  40.  
  41. <ul class="list">
  42. <li class="current">The Wind Up Bird Chronicle</li>
  43. <li class="current">A Visit From the Goon Squad</li>
  44. <li id="next">The Flamethrowers</li>
  45. <li>To Kill a Mockingbird</li>
  46. <li>Kafka on the Shore</li>
  47. </ul>
  48.  
  49. <button id="chill">Chill!</button>
  50. </script>
  51.  
  52. <script id="jsbin-source-css" type="text/css">.current {
  53. background-color: #FCDC13;
  54. }
  55.  
  56. #next {
  57. background-color: #FFA7C0;
  58. }
  59.  
  60. .finished {
  61. text-decoration: line-through;
  62. }
  63.  
  64. .cool {
  65. border: 2px solid #00D0CB;
  66. margin: 5px 0;
  67. }
  68. </script>
  69.  
  70. <script id="jsbin-source-javascript" type="text/javascript">document.querySelectorAll('.current')[1].textContent = "The Violent Bear It Away";
  71.  
  72. document.getElementById('next').textContent = "Me Talk Pretty One Day";
  73.  
  74. document.querySelector('li').textContent = "Brothers Karamazov";
  75.  
  76. document.getElementsByTagName('li')[3].textContent = "JavaScript is fun!";</script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement