Skip to content
This repository was archived by the owner on Jul 5, 2022. It is now read-only.

latest lectures #11

Merged
merged 8 commits into from
Oct 26, 2015
Merged

latest lectures #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
ef93028
add website address for CSS resources
Oct 24, 2015
75cbef2
7.7 events 'changed' and 'input'
Oct 24, 2015
b2138f8
7.8 CSS selectors
Oct 24, 2015
96a5fc0
7.9 select and selectAll
Oct 24, 2015
16e7965
7.10 callbacks on multiple DOM elements
Oct 24, 2015
3defe8d
7.11 p5.js parent() and child()
Oct 24, 2015
f5b6de9
7.12 assign a CSS class dynamically
Oct 24, 2015
6879577
7.13 p5.js parent() and child() with variables
Oct 25, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions code/7.10_p5.js_callbacks_on_multiple_DOM_elements/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>7.10_p5.js_callbacks_on_multiple_DOM_elements</title>
<script src="libraries/p5.js" type="text/javascript"></script>

<script src="libraries/p5.dom.js" type="text/javascript"></script>
<script src="libraries/p5.sound.js" type="text/javascript"></script>

<script src="sketch.js" type="text/javascript"></script>

<style> body {padding: 0; margin: 0;} canvas {vertical-align: top;} </style>
</head>
<body>
<p class="rainbow">Rainbows!!</p>
<p class="apple">More rainbows!!</p>
<p class="apple">More rainbows!!</p>
<p class="orange">More rainbows!!</p>
<p class="orange">More rainbows!!</p>
<p class="rainbow">More rainbows!!</p>
<p id = "unicorn" class="rainbow">A Unicorns and rainbows!!</p>
<p>Just a plain paragraph.</p>

<p><button class="rainbow" id="button">click me</button></p>
</body>
</html>
Loading