cody - HTMLify profile
cody
4270 Files
633167 Views
Latest files of /cody/bradtraversy/50projects50days/sound-board
sounds/
cody/bradtraversy/50projects50days/sound-board/sounds/
style.css
cody/bradtraversy/50projects50days/sound-board/style.css
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap');
* {
box-sizing: border-box;
}
body {
background-color: rgb(161, 100, 223);
* {
box-sizing: border-box;
}
body {
background-color: rgb(161, 100, 223);
index.html
cody/bradtraversy/50projects50days/sound-board/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Sound Board</title>
</head>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Sound Board</title>
</head>
script.js
cody/bradtraversy/50projects50days/sound-board/script.js
const sounds = ['applause', 'boo', 'gasp', 'tada', 'victory', 'wrong']
sounds.forEach(sound => {
const btn = document.createElement('button')
btn.classList.add('btn')
btn.innerText = sound
sounds.forEach(sound => {
const btn = document.createElement('button')
btn.classList.add('btn')
btn.innerText = sound