Ready: DOM library added with show/hide div functionality working ok

marianaviro · May 3, 2018 · 5c8df27 · 5c8df27
1 parent e1bd501
commit 5c8df27
Show file tree

Hide file tree

Showing 5 changed files with 2,950 additions and 7 deletions.
diff --git a/sketch1.js → first.js b/sketch1.js → first.js
@@ -78,7 +78,8 @@ var firstPrinciple = function(s) {
   };
 
   s.down = function() {
-    bck = '#000000';
+    s.select('#second').show();
+    s.select('#first').hide();
   }
 
   s.mouseClicked  = function() {

diff --git a/index.html b/index.html
@@ -1,16 +1,17 @@
 <html>
   <head>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script>
-    <script src="sketch1.js"></script>
-    <script src="sketch2.js"></script>
+    <script src="lib/p5.dom.js"></script>
+    <script src="first.js"></script>
+    <script src="second.js"></script>
     <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
-    <div class="principle" id="one">
+    <div class="principle" id="first">
     </div>
-    <div class="principle" id="two">
+    <div class="principle" id="second">
     </div>
-    <div class="principle" id="three">
+    <div class="principle" id="third">
     </div>
   </body>
 </html>