Posts

Showing posts from June, 2021

Exercises1 - 13 Compilation

​ Home social account fACEBOOK MIDTERM WP Exercise 7 Exercise 8 MIDTERM IMD Exercise 6 Exercise 7 Exercise 8 FINALS WP Exercise 10 Exercise 11 Exercise 12 FINALS IMD Exercise 10 Exercise 11 Exercise 12 Exercise 13 COMPILATION OF ACTIVITIES © 2021 | Lerry
Post a Comment
Read more

Exercise 010: Animation Web Page

 
Post a Comment
Read more

Exercise 013: Login & Signup Forms

var passwordPassesCriteria = false; var passwordMatched = false; var usernameInput = document.getElementById('username-input').value; var passwordInput = document.getElementById('password-input').value; var confirmPasswordInput = document.getElementById('confirm-password-input').value; passwordMatched = passwordInput == confirmPasswordInput; var regex = /^[a-zA-Z\s]+$/; passwordPassesCriteria = regex.test(passwordInput); console.log(saveCredentials); if (passwordMatched && passwordPassesCriteria) { displayFormData(usernameInput, passwordInput); saveCredentials(); goToLogin(); } } function saveCredentials() { var username = document.getElementById('username-input').value; var password = document.getElementById('password-input').value; credentials.push({ username: username, password: password }); var objectAsString = JSON.stringify(credentials); window.name = objectAsString; } function displayFormData(username, password) { var alertM...
Post a Comment
Read more

Exercise 012: Chat / Message Box

  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Message Box </title> <link rel="stylesheet" href="Exercise 012 Chat box css.css"> </head> <body> <section> <h1> Please click the Chat Button! </h1> <button class="chat-btn"> <b> CHAT </b> </button> <div id="chat-container" onclick="changeColor()" class="chat-popup"> <div class="chat-area"> <div class="income-msg"> <img src="https://i.ibb.co/wJNMZrz/lerry.jpg" class=Lerry alt="Lerry"> <span class="msg"> Lerry: How can i help you? </span> </div> </div> <div class="input-area"> <input id="name-input" type="name" size="10" st...
Post a Comment
Read more

Exercise 011: Counting Game

HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Counting Game </title> <style> html { font-family: sans-serif; margin-left: 4%; background-color: #f20a99;     }        body { max-width: 800px; min-width: 480px;     } fieldset { background-color: white; } button { background-color: #9bd2fa; color: black; border-radius: 10px; width: 100px; height: 50px; } </style> </head> <body> <h1>Let's Play a Game!</h1> <p> Let's count the shapes! </p>    <fieldset> <canvas id="myCanvas" width="1200" height="300" style="border:none;"> </canvas> <label> How many shapes do you see? </label> <input type="number" id="answer"> </input> <!-- <button id="colors" onclick="colors()" > Colors </button> ...
Post a Comment
Read more

Exercise 010: Drawing on Canvas

Exercise 010 Drawing in Canvas
Post a Comment
Read more

WP EXERCISE 011

Image
Linking Videos Home About Contacts HOME I wanna share some videos! ☺ Pinoy Animation This video will autoplay but is muted "> CRUSH Experience This video is looped "> Animation TIKTOK I Love it This video does not display controls "> Also check out Jil's portfolios: ♦ Visit GANDARA Works!
Post a Comment
Read more