Assignment 4
This assignment will start to add conditional logic.
You will make frequent use of the if statement! Please Google or review lessons if you have forgotten.
This assignment will also get you used to using Google/Stack Overflow/w3 Schools to find information on things you don't know or don't understand. This is key to being a programmer! There's never going to come a time where you have it all memorized. Don't be afraid to explore the internet!
Use the code below to start the assignment:
<html>
<head>
<script>
function myfunction1(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input starts with "dog"
// YOUR CODE HERE
}
function myfunction2(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input starts with "cat"
// ignoring any capitals, ex "cAt" still counts
// YOUR CODE HERE
}
function myfunction3(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input starts with a vowel
// Hint: You can use || to check condition 1 OR condition 2
// YOUR CODE HERE
}
function myfunction4(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input starts with a number
// Hint: You can use a bunch of || or Google "isNaN"
// YOUR CODE HERE
}
function myfunction5(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input is 5 letters long
// YOUR CODE HERE
}
function myfunction6(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input is less than 4 letters long
// YOUR CODE HERE
}
function myfunction7(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input is greater than or equal to 3 letters long
// YOUR CODE HERE
}
function myfunction8(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input is all caps
// YOUR CODE HERE
}
function myfunction9(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input is all lowercase
// YOUR CODE HERE
}
function myfunction10(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input ends with "potato"
// YOUR CODE HERE
}
function myfunction11(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input has "yordle" anywhere in it
// YOUR CODE HERE
}
function myfunction12(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Alert "YES" if true, and "NO" otherwise:
// If the user's input contains a vowel
// YOUR CODE HERE
}
</script>
</head>
<body>
<input id="myBox" type="text"></input>
<div id="box" onclick="myfunction1()">QUESTION 1</div>
<div id="box" onclick="myfunction2()">QUESTION 2</div>
<div id="box" onclick="myfunction3()">QUESTION 3</div>
<div id="box" onclick="myfunction4()">QUESTION 4</div>
<div id="box" onclick="myfunction5()">QUESTION 5</div>
<div id="box" onclick="myfunction6()">QUESTION 6</div>
<div id="box" onclick="myfunction7()">QUESTION 7</div>
<div id="box" onclick="myfunction8()">QUESTION 8</div>
<div id="box" onclick="myfunction9()">QUESTION 9</div>
<div id="box" onclick="myfunction10()">QUESTION 10</div>
<div id="box" onclick="myfunction11()">QUESTION 11</div>
<div id="box" onclick="myfunction12()">QUESTION 12</div>
</body>
</html>