Code
Arrays
<!DOCTYPE html>
<html>
<head>
<script>
function log(msg) {
let out = document.getElementById("logOutput");
out.scrollTop = out.scrollHeight;
out.value = out.value + msg + "\n";
}
</script>
</head>
<body>
<h1>Arrays</h1>
<button onclick="listNames()">List names</button>
<hr>
<h2>Log</h2>
<textarea id="logOutput" rows="20" cols="100" readonly="true"></textarea>
</body>
</html>
Functional Calculator
<!DOCTYPE html>
<html>
<head>
<script>
function add() {
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
document.getElementById("out").innerHTML = parseInt(n1) + parseInt(n2);
}
function sub() {
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
document.getElementById("out").innerHTML = parseInt(n1) - parseInt(n2);
}
</script>
</head>
<body>
<table>
<tr>
<td><input id="num1"> </td>
<td><input id="num2"> </td>
<td>=</td>
<td><span id="out"></span></td>
</tr>
</table>
<button onclick="add()">add</button>
<button onclick="sub()">sub</button>
</body>
</html>
Intro to Firebase
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="lsc_style.css">
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
<script>
// Your web app's Firebase configuration
const firebaseConfig = {
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
function queryToArray(querySnapshot) {
var a = [];
var i = 0;
querySnapshot.forEach((doc) => {
console.log(doc.data());
a[i] = doc.data();
i++;
});
return a;
}
</script>
</head>
<body>
<h2>Greetings</h2>
<button onclick="registerUser('Fern', 'abcd')">Register Fern</button>
<hr>
<table class="noborder">
<tr>
<td>Username</td>
<td><input id="username"></td>
</tr>
<tr>
<td>Password</td>
<td><input id="password"></td>
</tr>
<tr>
<td><button onclick="sign_up()">Sign Up</button></td>
<td><button onclick="login()">Login</button></td>
</tr>
</table>
<p><span id="message"></span></p>
</body>
</html>