Skip to content

J
javascript-exercise
Commit f0078c69 authored by Shanelle Valencia's avatar Shanelle Valencia
Browse files
Options

Clean thy code

parent d0d10637
Hide whitespace changes
Inline Side-by-side
Showing with 55 additions and 34 deletions
buttonFunc.js
View file @ f0078c69
function testButton() { function testButton() {
document.write("Why did you click me?"); document.write("Why did you click me?");
} }
loops.js
View file @ f0078c69
...@@ -52,20 +52,28 @@ function whileLoop() { ...@@ -52,20 +52,28 @@ function whileLoop() {
function switchStatements(arr) { function switchStatements(arr) {
const randomNum = arr[Math.floor(arr.length * Math.random())]; const randomNum = arr[Math.floor(arr.length * Math.random())];
let response = '';
switch(randomNum) { switch(randomNum) {
case "exercise": case "exercise":
return (`${randomNum}: Yikes`); response = (`${randomNum}: Yikes`);
break;
case "sleep": case "sleep":
return (`${randomNum}: yes please`); response = (`${randomNum}: yes please`);
break;
case "code": case "code":
return (`${randomNum}: breathe code 24/7`); response = (`${randomNum}: breathe code 24/7`);
break;
case "eat": case "eat":
return (`${randomNum}: all day`); response = (`${randomNum}: all day`);
break;
default: default:
return (`${randomNum}: error`); response = (`${randomNum}: error`);
} }
// document.write(response);
return response;
} }
......
practice.html
View file @ f0078c69
<html> <html>
<meta charset="UTF-8">
<head> <head>
<title>My First Program</title> <title>My First Program</title>
<script language = "javascript" type = "text/javascript"> <script language = "javascript" type = "text/javascript">
...@@ -9,23 +10,9 @@ ...@@ -9,23 +10,9 @@
document.write(localVar); document.write(localVar);
} }
</script> </script>
<script language = "javascript" type = "text/javascript">
function moodRandomizer() {
const moods = ["happy 😊", "sad 😢", "sleepy 🥱", "hangry 😡", "cool 😎", "lost 🤯", "Friday vibez"] <script type="text/javascript" src="randomMood.js"></script>
const randomIdx = Math.floor(moods.length * Math.random())
return moods[randomIdx];
};
function todaysMood(name) {
myMood = moodRandomizer();
document.write(`${name} is feeling ${myMood} today.`);
if (myMood === "Friday vibez") {
alert("FRIDAY MOOD: 🕺🏻🕺🏻🕺🏻");
}
}
</script>
<script type="text/javascript" src="buttonFunc.js"></script> <script type="text/javascript" src="buttonFunc.js"></script>
<script type="text/javascript" src="loops.js"> <script type="text/javascript" src="loops.js">
const arr = [1,2,3,4,5,6,7]; const arr = [1,2,3,4,5,6,7];
...@@ -45,29 +32,31 @@ ...@@ -45,29 +32,31 @@
</marquee> </marquee>
</h2> </h2>
<script> <!-- test local vs global vars -->
document.write(globalVar); <!-- <script>
document.write("<br>"); document.write("<br>");
variableScopes(); variableScopes();
document.write(localVar); //ref error due to scope - will not render document.write(localVar); //ref error due to scope - will not render
</script> </script> -->
<h3> <form action="">
<script> <input id="typeYourName" placeholder="type your name">
todaysMood("Shanel"); <input type="button" onclick="todaysMood()" value="Random Mood">
</script> </form>
</h3>
<script> <script>
document.write(doWhileLoop(arr) + '<br>' + switchStatements(strArr)); document.write(doWhileLoop(arr) + '<br>');
</script> </script>
<br> <br>
<input type="button" onclick="testButton()" value="Click Me"> <input type="button" onclick="testButton()" value="Click?">
<input type="button" onclick="document.write(switchStatements(strArr))" value="Task">
</body> </body>
</html> </html>
\ No newline at end of file
randomMood.js 0 → 100644
View file @ f0078c69
function moodRandomizer() {
const moods = ["happy 😊", "sad 😢", "sleepy 🥱", "hangry 😡", "cool 😎", "lost 🤯", "Friday vibez"]
const randomIdx = Math.floor(moods.length * Math.random())
return moods[randomIdx];
};
function inputName() {
let name = document.getElementById("typeYourName").value;
return name;
}
function todaysMood() {
let myMood = moodRandomizer();
let name = inputName();
document.write(`${name} is feeling ${myMood} today.`);
if (myMood === "Friday vibez") {
alert("FRIDAY MOOD: 🕺🏻🕺🏻🕺🏻");
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment