mirror of
https://github.com/zyllian/pipefall.git
synced 2025-01-17 19:22:48 -08:00
Initial commit
This commit is contained in:
commit
ec279553f8
5 changed files with 36 additions and 0 deletions
3
README.md
Normal file
3
README.md
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
# pipefall
|
||||||
|
|
||||||
|
falling pipe
|
3
index.css
Normal file
3
index.css
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
body {
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
17
index.html
Normal file
17
index.html
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="/index.css">
|
||||||
|
<title>pipefall</title>
|
||||||
|
<script src="/index.js" defer></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>pipefall</h1>
|
||||||
|
<audio id="pipefall" src="/pipefall.mp3">pipefall</audio>
|
||||||
|
<p><button id="play-now">play now</button></p>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
13
index.js
Normal file
13
index.js
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
const pipefall = document.getElementById("pipefall");
|
||||||
|
const now = document.getElementById("play-now");
|
||||||
|
|
||||||
|
const play = () => {
|
||||||
|
console.log("pipefall!");
|
||||||
|
pipefall.play();
|
||||||
|
};
|
||||||
|
|
||||||
|
now.addEventListener("click", play);
|
||||||
|
})();
|
BIN
pipefall.mp3
Normal file
BIN
pipefall.mp3
Normal file
Binary file not shown.
Loading…
Add table
Reference in a new issue