Assignment 3
Now we are going to go through some rapid fire drills of some concepts.
Remember that functions like toUpperCase() can make things all capital letters and charAt(n) will get you the nth letter of a string.
Other than that remember you can add strings together with + to make things like "Hello " + "World!" = "Hello World!"
Use the code below to start the assignment:
<!DOCTYPE html>
<html>
<head>
<script>
function myfunction1(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Make a messagebox (alert) with "Hello, " and then what
// they typed in
// YOUR CODE HERE
}
function myfunction2(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Messagebox the text they typed in all caps
// YOUR CODE HERE
}
function myfunction3(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Messagebox what they typed 3 times with a space in between
// YOUR CODE HERE
}
function myfunction4(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Messagebox what they typed in lowercase, a space,
// and then what they typed in uppercase
// Example: cat CAT
// YOUR CODE HERE
}
function myfunction5(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Messagebox the third letter of what they typed
// This may require you to Google how to use charAt
// YOUR CODE HERE
}
function myfunction6(){
// This gets the value from the textbox
let textBoxValue = document.getElementById("myBox").value;
// Messagebox the first letter of what they typed as uppercase
// 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>
</body>
</html>