Summary Work

Barrera

https://docs.google.com/document/d/1Tqqt6lpFjjgFJDdnTYQGyb4mlWvYn1UDj5N8tZH_GL4/edit#heading=h.sc7b1yy2w7yf

Marcus

https://new-sandbox-program-68-7039924.codehs.me/index.html

Rodriguez

https://docs.google.com/document/d/1jaB6ynAa4xC9phub_SOubXfxCjHxMBtjeHvfQvW50iU/edit

Peter Rohn

https://docs.google.com/document/d/1360vAP1oIb_3Axzkc5ivB1ARzZq407lyE3zh5-PpCDU/edit

Scott

https://docs.google.com/document/d/1riHTqJrEWhJx5SkfmTzQsN5JTl4XpnU6i5mIvJHTKR8/edit

Mueller

https://docs.google.com/document/d/1eMHxy7XjDt_G9dJrAoHCINVC3Q3FsrXUE8NoEj_KzKo/edit

Benitez

https://docs.google.com/document/d/1uaRbV8vOaFQ4I1mUZ0d6QKUQw_7tjrBK9FAXquTYMIU/edit

Mendoza

https://docs.google.com/document/d/1Xz-k76vNpyoXrBbSDnlOs1mTvdSBS2XKtzDYgRPjHrA/edit

Chris Bryant

https://docs.google.com/document/d/1r3B3aNo0pIdwm2phgPPyIcv2071SRNxrkzlZ6gQRiBc/edit

Evonne Carter

https://docs.google.com/document/d/10ITzDSUoUgNjhkAJyRUkS9ivs3kRUF47FK3MXix7-mE/edit

Rewers

https://docs.google.com/document/d/1yUNRdnoah-QBNvo0LVwNzwzNQavsdys1U9kud9LJvok/edit

Wen

https://docs.google.com/document/d/1u8Z3pVT-xL9uzSVlV0GnQwrRl6dOkolf5LFE3WF4NQU/edit

<html>

<head>

<style>

h1{

color:crimson;

font-size: 36.0px;

font-weight: bold;

font-family: "courier new";

}

#two{

color:Green;

font-size: 20.0px;

font-weight: bold;

font-family: "courier new";

}

body{

color:blue;

font-size: 18.0px;

font-weight: normal;

font-family: "Helvetica";

}

hr.rounded {

border-top: 8px solid #bbb;

border-radius: 5px;

}

.button1 {

background-color: #0000FF;

border: none;

color: #FFFFFF;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

border-radius: 12px;

font-size: 18px;

margin: 4px 2px;

cursor: pointer;

float: center;

}

.button2 {

background-color: #F70B0B;

border: none;

color: #FFFFFF;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

border-radius: 12px;

font-size: 18px;

margin: 4px 2px;

cursor: pointer;

float: center;

}

.button3 {

background-color: #F70B0B;

color: #FFFFFF;

padding: 15px 32px;

text-align: center;

text-decoration: none;

height: 50px;

width: 250px;

background-color: red; /* For browsers that do not support gradients */

background-image: radial-gradient(red,blue,red);

display: center-block;

border-radius: 12px;

font-size: 18px;

margin: 4px 2px;

cursor: pointer;

float: center;

}

</style>

var setting = " ";

var character = " ";

var climax = " ";

var resolution = " ";

function print(str)

{

document.getElementById("outputFirstDraft").innerHTML += str + "<br />";

}

function asksetting()

{

setting = prompt("Please write a setting that is at least 3 sentences. Ms. B loves it if you write more.");

}

function askcharacter()

{

character = prompt("Please desribe the characters for your story. Remember your S.T.E.A.L. to create them. Ms. B loves it if you write more than 3 sentences.");

}

function askclimax()

{

climax = prompt("Please write the climax moment for a character. Remember that a climax is a turning point for the character. Ask yourself 'How do they change?'. Ms. B loves it if you write more than 3 sentences.");

}

function askresolution()

{

resolution = prompt("Please write a resolution for a problem of a character. After the climax changed them, explain where a character will end their story. Ms. B loves it if you write more than 3 sentences.");

}

function FirstDraft()

{

document.getElementById("box").value =setting +" "+character+ " "+climax +" "+resolution;

}

</script>

</head>

<body>

<h1>

<center> Creative Writing Collaboration and Revision</center>

</h1>

<center> <i> “How do I create something out of nothing? And how do I create my own life? I think it is by questioning, and saying to myself that there are no absolute truths.”

— Amy Tan </i></center>

</h1>

Directions:

<ol>

<li>Your teacher will assign you a section of story to write: Setting, Characters, Climax, Resolution</li>

<li>Each group partner will take the computer and enter their story idea for their section. Remember: write your section as if you are writing the story.</li>

<li>As a class, we will collaborate to edit the website output of the different parts to produce a more coherent story.</li>

</ol>

<br />

<input type="button" class="button1" onclick="asksetting()"

value="Setting" />

<input type="button" class="button2" onclick="askcharacter()"

value="Characters" />

<input type="button" class="button1" onclick="askclimax()"

value="Climax" />

<input type="button" class="button2" onclick="askresolution()"

value="Resolution" />

<input type="button" class="button3" onclick="FirstDraft()"

value="Let's put it together!" />

</center>

</body>

</html>

<html>

<head>

<title>First Page</title>

<style>

body{

background-color: rgb(197, 202, 233);

color: crimson;

font-size: 24.0px;

font-weight: bold;

font-family: "courier new";

text-align:center;

}

header{

text-align: center;

margin:50px;

background-color:azure;

line-height: 100px;

box-shadow: 2px 2px 5px rgb(40, 53, 147);

}

#watchLeft{

float:left;

}

#watchRight{

float:right;

}

#output{

text-align:center;

font-family:"Cambria";

}

p{

text-align:center;

}

#popUpBG {

width:100%;

height:100%;

opacity:.95;

top:0;

left:0;

display:none;

position:fixed;

background-color:#313131;

overflow:auto

}

img#close {

position:absolute;

width:10%;

right:-14px;

top:-14px;

cursor:pointer

}

div#popupReport {

position: relative;

font-family:sans-serif;

}

form {

position:relative;

text-align:center;

max-width:300px;

min-width:250px;

padding:10px 50px;

border:2px solid gray;

border-radius:10px;

font-family:sans-serif;

background-color:#fff;

top: 250px;

left: 50%;

-webkit-transform: translateY(-50%) translateX(-50%);

-ms-transform: translateY(-50%) translate(-50%);

transform: translateY(-50%) translate(-50%);

}

p {

margin-top:30px

}

h2 {

background-color:#FEFFED;

padding:20px 35px;

margin:-10px -50px;

text-align:center;

border-radius:10px 10px 0 0

}

h1 {

text-align:center;

}

.reportHeading{

border:2px dotted #000000;

}

hr {

margin:10px -50px;

border:0;

border-top:1px solid #ccc

}

input[type=text] {

width:82%;

padding:10px;

margin-top:30px;

border:1px solid #ccc;

padding-left:40px;

font-size:16px;

font-family:fantasy;

}

input[type=date] {

width:82%;

padding:10px;

margin-top:30px;

border:1px solid #ccc;

padding-left:40px;

font-size:16px;

font-family:fantasy;

}

textarea {

background-image:url(../images/msg.png);

background-repeat:no-repeat;

background-position:5px 7px;

width:82%;

height:95px;

padding:10px;

resize:none;

margin-top:30px;

border:1px solid #ccc;

padding-left:40px;

font-size:16px;

font-family:raleway;

margin-bottom:30px;

}

#submit {

text-decoration:none;

width:100%;

text-align:center;

display:block;

background-color:#FFBC00;

color:#fff;

border:1px solid #FFCB00;

padding:10px 0;

font-size:20px;

cursor:pointer;

border-radius:5px;

}

span {

color:red;

font-weight:700;

}

button {

width:25%;

height:45px;

border-radius:3px;

background-color:#cd853f;

color:#fff;

font-family:sans-serif;

font-size:18px;

cursor:pointer;

}

.outputStyle{

border-style:solid;

border-width:5px;

border-radius:100px;

background-color:white;

}

hr{

border: 3px solid red;

border-radius: 5px;

}

</style>

function print(str)

{

document.getElementById("output").innerHTML += str + "<br/>";

}

function changePageColor(pageColor)

{

document.body.style.background = pageColor;

}

function choosePageColor(pgColor)

{

document.body.style.background = pgColor;

}

// Validating Empty Field

function check_empty() {

if (document.getElementById('name').value == "" || document.getElementById('report').value == "" || document.getElementById('description').value == "") {

alert("Fill All Fields !");

} else {

alert("Form Submitted Successfully...");

}

//Function To Display Popup

function div_show() {

document.getElementById('popUpBG').style.display = "block";

}

//Function to Hide Popup

function div_hide(){

document.getElementById('popUpBG').style.display = "none";

}

//Take user input and display on page

function getUserInput(){

var nameOutput = "";

var reportOutput = "";

var descriptionOutput = "";

var dateOutput = "";

nameOutput = document.getElementById("name").value;

reportOutput = document.getElementById("report").value;

descriptionOutput = document.getElementById("description").value;

dateOutput = document.getElementById("date").value;

localStorage.setItem("name", nameOutput);

localStorage.setItem("report", reportOutput);

localStorage.setItem("description", descriptionOutput);

localStorage.setItem("date", dateOutput);

document.getElementById("output").innerHTML += "<h6>" + localStorage.getItem("name") + " <---> " + localStorage.getItem("date") + "</h6>"

+ "<h1 class='reportHeading'>" + localStorage.getItem("report") + "</h1>"

+ "<p>" + localStorage.getItem("description") + "</p><hr>";

}

</script>

</head>

<body>

<h1>Gage Park Neighborhood Watch</h1>

</header>

<p>

Choose a color:

</p>

<h2>What are your reporting?</h2>

<button onclick="getUserInput();div_hide();" type="button">Submit</button>

</form>

</div>

</div>

<h1>Click Button To Add A Report</h1>

<button id="popup" onclick="div_show()">Report!</button>

</body>

</body>

</html>

<html>

<head>

<title>COMPUTER CRITERIA QUIZZY-QUIZ!</title>

<style>

body{

background-color: lightgray;

font-family: arial;

margin: 0;

}

header{

background-color: dodgerblue;

color: white;

text-shadow: 1px 1px 2px navy;

padding: 15px;

width: 75%;

margin-left: auto;

margin-right: auto;

text-align: center;

}

h2{

font-weight: normal;

font-style: italic;

}

article{

background-color: white;

padding: 15px;

width: 75%;

height: 100%;

margin-left: auto;

margin-right: auto;

}

figure{

width: 50%;

margin-left: auto;

margin-right: auto;

}

footer{

background-color: dodgerblue;

color: white;

text-shadow: 1px 1px 2px navy;

padding: 15px;

width: 75%;

margin-left: auto;

margin-right: auto;

}

</style>

function stuResponse()

{

var ans = document.getElementById("box").value;

checkAns(ans);

}

var answers = [0,0,0,0];

var criteria = ["input", "output", "storage", "processing"];

function checkIfAllCorrect()

{

var count = 0;

for (var rep = 0; rep < answers.length; rep++)

{

if (answers[rep] > 0)

count++;

}

var temp = "Outstanding!!!"

if (count == 4)

temp += " You answered all 4 correctly!!!";

alert(temp);

}

function checkAns(inputText)

{

var whichIsCorrect = -1;

for (var rep = 0; rep < answers.length; rep++)

{

if ( criteria[rep] == inputText.toLowerCase() )

{

whichIsCorrect = rep;

rep = answers.length;

}

if (whichIsCorrect == -1)

{

alert("Try again.");

}

else

{

answers[whichIsCorrect]++;

if (answers[whichIsCorrect] > 1)

{

alert("Good, but that response was already given.");

}

else

{

checkIfAllCorrect();

}

</script>

</head>

<body>

<h2>Identify <mark>one</mark> of the four criteria describing a computer (as discussed in class).</h2>

</header>

<p><b>Type your answer within the text area below.</b></p>

<button onclick="stuResponse()">Check your answer!</button>

</figure>

</article>

<p>2023 L.A.S. Vegas</p>

</footer>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<title>First Page</title>

<style>

header {

display: flex;

background-color: lightblue;

height: 200px;

justify-content: center;

align-items: center;

}

footer {

display: block;

background-color: lightblue;

height: 160px;

padding: 10px;

}

.grid-container-main {

background-color: lightblue;

display: grid;

grid-template-columns: auto auto;

padding: 10px;

}

.grid-container-main>div {

background-color: lightblue;

border: 1px solid black;

padding: 10px;

font-size: 15px;

}

.grid-container-footer {

display: grid;

grid-template-columns: auto auto;

padding: 10px;

}

.grid-container-footer>div {

background-color: lightblue;

height: 100px; padding: 15px;

font-size: 15px;

}

table {

border: solid black;

border-spacing: 1px;

padding: 2px;

}

th,

td {

border: solid gray;

border-width: 1px;

}

</style>

const term = [0, 0];

function random() {

term[0] = Math.floor(Math.random() * 9) + 1;

term[1] = Math.floor(Math.random() * 9) + 1;

document.getElementById("demo").innerHTML = term[0] + " + " + term[1];

console.log("Hello");

return term;

}

function check() {

if ((term[0] + term[1]) == document.getElementById("summ").value)

document.getElementById("summm").innerHTML = "Right!"

else

document.getElementById("summm").innerHTML = "Wrong!";

}

</script>

</head>

<h2>Mr. Woods</h2>

</header>

<br>

<div>

<h4>My Family members</h4>

<ul>

<li>Wife - Battsengel (Betty)</li>

<li>Son - Vincent</li>

<li>Daughter - Anastasia</li>

</ul>

</div>

<div>

<h4>Ages of Children (in descending order)</h4>

<ol>

<li>Vincent - 32 years old</li>

<li>Bill - 30 years old</li>

<li>Anastasia- 11 years old</li>

</ol>

</div>

<div>

<table>

<h3>My Education</h3>

</caption>

<tr>

<th>Degree</th>

<th>University</th>

<th>Major</th>

</tr>

<tr>

<td>Bachelors</td>

<td>Michigan Technological University</td>

<td>Computer Science</td>

</tr>

<tr>

<td>Masters</td>

<td>Western Michigan University</td>

<td>Mathematics</td>

</tr>

<tr>

<td>Masters</td>

<td>American College of Education</td>

<td>Educational Leadership</td>

</tr>

</table>

</div>

<div>

<h4>A picture of my daughter - Anastasia</h4>

</div>

<p><button onclick="random()" type="button">New Problem</button>What is <span id="demo"></span>? <input type="text" id="summ" name="summ"> <button onclick="check()" type="button">Check</button> <span id="summm">?</span></p>

<div>

<p><a href="mailto:jswoods@cps.edu">My Email</a></p>

</div>

<div>

<p style="text-align:right;">HS - H. H. Dow High School</p>

<p style="text-align:right;">City - Midland, Michigan</p>

<p style="text-align:right;">Class - 1982</p>

</div>

</footer>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<title>Second Page</title>

</head>

<body>

<h2>Dr. Lekkas</h2>

</header>

<br>

<div>

<h4>Family members</h4>

<ul>

<li>Wife - Tina Lekkas</li>

<li>Son - Elias</li>

<li>Daughter - Joanna</li>

</ul>

</div>

<div>

<h4>Ages of Children (in descending order)</h4>

<ol>

<li>Elias - 39 years old</li>

<li>Joanna - 36 years old</li>

<li>Dean - 33 years old</li>

</ol>

</div>

<div>

<table>

<h3>Education</h3>

</caption>

<tr>

<th>Degree</th>

<th>University</th>

<th>Major</th>

</tr>

<tr>

<td>Bachelors</td>

<td>Chicago State University</td>

<td>Education</td>

</tr>

<tr>

<td>Masters</td>

<td>University of Illinois - Chicago</td>

<td>Speech</td>

</tr>

<tr>

<td>Doctorate</td>

<td>Loyola University</td>

<td>Educational Leadership</td>

</tr>

</table>

</div>

<div>

<h4>A picture of Dr. Lekkas</h4>

</div>

<div>

<p><a href="mailto:HLekkas54@yahoo.com">Lekkas Email</a></p>

</div>

<div>

<p style="text-align:right;">HS - Amundsen High School</p>

<p style="text-align:right;">City - Chicago, Illinois</p>

<p style="text-align:right;">Class - 1972</p>

</div>

</footer>

</body>

</html>

<html>

<head>

<title>First Page</title>

<style>

body{

background-color: rgb(197, 202, 233);

color: crimson;

font-size: 24.0px;

font-weight: bold;

font-family: "courier new";

text-align:center;

}

header{

text-align: center;

margin:50px;

background-color:azure;

line-height: 100px;

box-shadow: 2px 2px 5px rgb(40, 53, 147);

}

#watchLeft{

float:left;

}

#watchRight{

float:right;

}

#output{

text-align:center;

font-family:"Cambria";

}

p{

text-align:center;

}

#popUpBG {

width:100%;

height:100%;

opacity:.95;

top:0;

left:0;

display:none;

position:fixed;

background-color:#313131;

overflow:auto

}

img#close {

position:absolute;

width:10%;

right:-14px;

top:-14px;

cursor:pointer

}

div#popupReport {

position: relative;

font-family:sans-serif;

}

form {

position:relative;

text-align:center;

max-width:300px;

min-width:250px;

padding:10px 50px;

border:2px solid gray;

border-radius:10px;

font-family:sans-serif;

background-color:#fff;

top: 250px;

left: 50%;

-webkit-transform: translateY(-50%) translateX(-50%);

-ms-transform: translateY(-50%) translate(-50%);

transform: translateY(-50%) translate(-50%);

}

p {

margin-top:30px

}

h2 {

background-color:#FEFFED;

padding:20px 35px;

margin:-10px -50px;

text-align:center;

border-radius:10px 10px 0 0

}

h1 {

text-align:center;

}

.reportHeading{

border:2px dotted #000000;

}

hr {

margin:10px -50px;

border:0;

border-top:1px solid #ccc

}

input[type=text] {

width:82%;

padding:10px;

margin-top:30px;

border:1px solid #ccc;

padding-left:40px;

font-size:16px;

font-family:fantasy;

}

input[type=date] {

width:82%;

padding:10px;

margin-top:30px;

border:1px solid #ccc;

padding-left:40px;

font-size:16px;

font-family:fantasy;

}

textarea {

background-image:url(../images/msg.png);

background-repeat:no-repeat;

background-position:5px 7px;

width:82%;

height:95px;

padding:10px;

resize:none;

margin-top:30px;

border:1px solid #ccc;

padding-left:40px;

font-size:16px;

font-family:raleway;

margin-bottom:30px;

}

#submit {

text-decoration:none;

width:100%;

text-align:center;

display:block;

background-color:#FFBC00;

color:#fff;

border:1px solid #FFCB00;

padding:10px 0;

font-size:20px;

cursor:pointer;

border-radius:5px;

}

span {

color:red;

font-weight:700;

}

button {

width:25%;

height:45px;

border-radius:3px;

background-color:#cd853f;

color:#fff;

font-family:sans-serif;

font-size:18px;

cursor:pointer;

}

.outputStyle{

border-style:solid;

border-width:5px;

border-radius:100px;

background-color:white;

}

hr{

border: 3px solid red;

border-radius: 5px;

}

</style>

function print(str)

{

document.getElementById("output").innerHTML += str + "<br/>";

}

function changePageColor(pageColor)

{

document.body.style.background = pageColor;

}

function choosePageColor(pgColor)

{

document.body.style.background = pgColor;

}

// Validating Empty Field

function check_empty() {

if (document.getElementById('name').value == "" || document.getElementById('report').value == "" || document.getElementById('description').value == "") {

alert("Fill All Fields !");

} else {

alert("Form Submitted Successfully...");

}

//Function To Display Popup

function div_show() {

document.getElementById('popUpBG').style.display = "block";

}

//Function to Hide Popup

function div_hide(){

document.getElementById('popUpBG').style.display = "none";

}

//Take user input and display on page

function getUserInput(){

var nameOutput = "";

var reportOutput = "";

var descriptionOutput = "";

var dateOutput = "";

nameOutput = document.getElementById("name").value;

reportOutput = document.getElementById("report").value;

descriptionOutput = document.getElementById("description").value;

dateOutput = document.getElementById("date").value;

localStorage.setItem("name", nameOutput);

localStorage.setItem("report", reportOutput);

localStorage.setItem("description", descriptionOutput);

localStorage.setItem("date", dateOutput);

document.getElementById("output").innerHTML += "<h6>" + localStorage.getItem("name") + " <---> " + localStorage.getItem("date") + "</h6>"

+ "<h1 class='reportHeading'>" + localStorage.getItem("report") + "</h1>"

+ "<p>" + localStorage.getItem("description") + "</p><hr>";

}

</script>

</head>

<body>

<h1>Gage Park Neighborhood Watch</h1>

</header>

<p>

Choose a color:

</p>

<h2>What are your reporting?</h2>

<button onclick="getUserInput();div_hide();" type="button">Submit</button>

</form>

</div>

</div>

<h1>Click Button To Add A Report</h1>

<button id="popup" onclick="div_show()">Report!</button>

</body>

</body>

</html>