From 4515331b993f8720293537c549ac677db80fd146 Mon Sep 17 00:00:00 2001
From: Mahnoor Afteb <mahnoor.afteb@uconn.edu>
Date: Mon, 22 Mar 2021 01:38:40 -0400
Subject: [PATCH] modified web form

---
 week-9/working-web-form/.DS_Store             | Bin 6148 -> 6148 bytes
 week-9/working-web-form/fav/.DS_Store         | Bin 0 -> 6148 bytes
 week-9/working-web-form/fav/favicon-16x16.png | Bin 0 -> 543 bytes
 week-9/working-web-form/fav/favicon-32x32.png | Bin 0 -> 1155 bytes
 week-9/working-web-form/index.html            |   7 ++++++-
 week-9/working-web-form/js/main.js            |   6 ++++++
 6 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 week-9/working-web-form/fav/.DS_Store
 create mode 100755 week-9/working-web-form/fav/favicon-16x16.png
 create mode 100755 week-9/working-web-form/fav/favicon-32x32.png

diff --git a/week-9/working-web-form/.DS_Store b/week-9/working-web-form/.DS_Store
index bb40e5422b6d329ca2b2d4badb0e91f59f5f0048..102d40f0d5a5a72ede1a325a59cb7e304860a81f 100644
GIT binary patch
literal 6148
zcmeHKO>Wab6n+ys;1m!MLZT8IZz>^Cp;%NcQiWtfSab!F5nTXk>^L;8Y)=$B4Uh(9
z#RXWw4LAo2#0fY6w_pLhnR$>nc3C0>^Q@U~X5P=t`}{K=0ATHL=m0bUz``QXT*InD
zgkF@A)M(@qA`>xqFNk@7JrPceW<WFWw=*E#T?2ZMLADnc-rx7Ax&B>>OoFW9L&xj!
zWVn<VX%gP)(ED$7>mOf#H9p)~L{E758|`pV5%n4Pa9ms!JHd#z3agS<!6X~f+@FGB
z9A$Z{^_kTSvwr5R)xhh5_0${iiI@BNIBWZ($D;SZ&j$guA95c5YWu;Xs6RPqUcSrI
z+>g@!NIFMhA5EU@M`_3>Z9Y!JOvdq)Ld?@RXs%DE+dHjIduz*?ZQ9cv*}l0wn>DN}
z8_w;$Zt~*g^knwxt)h_Or&G#B!k_RC8wSYqDoK}`WzzS*?A~`wBAv7g(#zV@Nk8^R
zY0T3@T!C2K8bpvn2z_`CH(&rcBoG&G4D6!awWS+VgQL|)ik(LrXVs=6H|e{a*~Xjt
zx2q~M(k=2@)m3DL(`qR*Ko6dEuB_4{ngPwgf6jpTKG;|Ux`cCu^3#EpJOUt^I4lL*
z^5-AX76XVb;ank(pfKf%s9YHxF&Ld4m~uzGOZIbx${m=T8RO8*j7}(wjvmaG=D=Kq
zy4DP628s+As@oL%|Gm@C|3xR=(+p?^{wW5S+3`AUOo{f^QgULiwXt-u2oZL3h0+Bp
j+Ky#IY{lzXq@d0g4Mdl4t`J91^pAj~L06iAKgz%ldlbS#

delta 78
zcmZoMXfc=|#>B`mu~2NHo+2aL#DLw5Y?FCdW==L>GubT0A;_|^L6&JVI|n}pP}OEZ
bj_=Hq`9&-R7=VD0fq@B1vuutKS;Gtf)X5L3

diff --git a/week-9/working-web-form/fav/.DS_Store b/week-9/working-web-form/fav/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ca86179be27096b0cd74b45638d39661e6cc7ec0
GIT binary patch
literal 6148
zcmeHK%SuBr5Iw0~6x`IE%lv>s6}rBbx^V3WsI4eM@phwhnXm9W{6jq_Gm00pE+R9K
zIg`vIHwSJW0Mg>+eg;edOxT1;Mng2*bd5Y%m}-qRdOYI<Gt3)>{^F3n{Rj`Z!z-Tf
z^ZR#o6{py8MUPjTe!bfCD@K#5(FO7C!=+i_9B0@;x>*75%(}4xv_gV`U?3O>27-b8
zF~BohGC4F19Sj5m!N4~I+8;8TuyZVib?czg^;!P0P(oX831N2Z9E%}6lw_$yOHKa7
zNS4m=>~WoAF|>4~Iy39|%wLa}RA=XSuHi_XVd!8W7#K2eVBM+C|4aTd%}4$)C3?X?
zF!0Y9NaN-8a=}IU+4^gFI%_lAEt^DfMFxfT;1a-&_L1Z2G=G-OxX!T{s*1*IIx#K+
Mm5@-uz#bU*1jL#yBme*a

literal 0
HcmV?d00001

diff --git a/week-9/working-web-form/fav/favicon-16x16.png b/week-9/working-web-form/fav/favicon-16x16.png
new file mode 100755
index 0000000000000000000000000000000000000000..d00cc501b94ea0fb3fa5faf4ee24b1e7316ddf76
GIT binary patch
literal 543
zcmV+)0^t3LP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0005zNkl<ZI8U9E
zO-NKx6vuzZ*XVmNi3F1wLQzp9lnkbnfr5*uuvt~Ril8iN;i_G<aNEj7I9O2Bt{^A`
zBO*}xLLDXyjKreAP@9O-Vcv6I&l~T~ym4ljg?V@9o^yWpeEhFacGUQ>C}Q*gU5ISg
zZl%5gFHzp0v<@eWQzS6dn^P9mc0X_dq;Ox#R|>d8*6Nk^N4D?NfjT+lJVWRxuc)G}
z7{xV@`j8x8qI(eJ;+m2RLF%>~80wLH&xxSyg;bivhdGXP?qq{erNjSvD?A_hOv}Co
z>LcMiLMfEjB5I<00OWE2zIA_$$&U-1KON;@v{7HbOU`olVUqoO>$!Tit*B5H_W_?k
zcCQmKEh=$h8AWvfSbGb41=$jS?YO${P{^n_PuKPIJS;Pm^J_p+3w`|~q_ZYwRfbJ<
zCT2d+aa?}=wsE{L;ToG8y`8}zr%Q%-Gya;$o*1!neK?s#mNQFwIW<-o)2ijkz3cp(
z8RFWd!vP>(vc~sQ^9(!~XJg%Fnh(W@Y~AIngdg8$n0)(`r9UaIoN1-GX^YmkUSqkC
zUcCCk<KZd16<@Wh$1sGG$D8PC-x0i?6H+B9&!^Iij(uZxZc%H!v7wfZwr#5-DwlEr
hvfj^BT<ZUR=YNc7?D<<$TQmRw002ovPDHLkV1hCP0ww?e

literal 0
HcmV?d00001

diff --git a/week-9/working-web-form/fav/favicon-32x32.png b/week-9/working-web-form/fav/favicon-32x32.png
new file mode 100755
index 0000000000000000000000000000000000000000..99fa4bf09c2fc710284988f337b7c07a93b11d8e
GIT binary patch
literal 1155
zcmV-}1bq96P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000C^Nkl<ZSVzT|
zZ%ov69LHbZ;|@6B5F`YtP{*HXqKr65Ls_zB=3onKt6cIR%^tM13b&q=59m>wxYm>Y
zpgl-x%{IuzFk8_gw1i8CVOn6KZUo}VpM$&O{(al;ck=J}{qE4g_&&Pb`}61h`~3TU
zzJdiFX?uDF(!3i%8OQ<<Yk{PD>LVcgKwL!9ig2|E>yM)gF)bnq$@9B&F&N%Kh!=sl
zNb>h^CsKY*An<{BqUE1(I=Td;ts)L&Er>S&(*hlbig`hP1mdu;e&^J(p-DhqEYHCw
znh<P!K*w{{B$qMDN>R|<6KZcB0ck6L9K`oP>Y_NGF){>lm#{Wpm~D3s0rkuM;_MPQ
zpYl0Glq{JYiD?3A&Ltg-7IwYxDd`XtPu0XM0_8_Q)GTt?b<D{+VQoI7fGPpC)uN)h
z!&UqEgoik@34<Yg=LP~2r^`!1d~~>P@#6RADJ>c#&{=*QAzsnbIMLWed*@BkQxkam
z)vc_s#A=F;I@}zs|BZp6akdp@vac#%pM;d3i=yWJLY;7!`}Ky*mEIvfJpTK%q3y+M
zc)4=3rs0OBOZ?h#V;XyN{}wi6>o$`UTp2=kR=kAZD?O^;{&1DkKhLyp+C%Zw)|6?A
zAFgX<@Xo|E_Uw)vp4+)TOcdBFq^+VJIIt`P;FyrMavO+3JpxOZ0;T%?P$F;#NC{W6
zOHzbEhjxX44~UA?|BKv)Q||l=CJ>3>1L7(H%@hQrr0>=Ui3u^JB%2W;;_5JmgOn2c
zu#2(rN!C7^gh5+hNr83|HlDu1nYLcls5#a|Mw*3HDe)>9Wy-}w8;OlEs<?a7$E3%H
zk|z7GliPMD{euo%Zm){(dMcaBXEtaADOiM>ZFuCfbM#!dle4*$!CQYbHavJ=QBF)w
zC+(43dj4!9cU=lK2cOi^Kc+i~KK;_hh3@~@yrqKI-uni(%fV3pH5?<inQ#o_c8=lq
zc~qlDQw*_Y3vrf}Sdvzenvq3JY&@UT?xDM*g~Cm%Ik?w4pMX>ck@hHV@4Uf@#!ISF
z*2WU{y;aZZOsz1^x7**>%@;=xaQ*6e6|CNqPl+`%R4_P-m4CG^Bag?=yLGLMj=5Du
zLzIz%k}3*IpC>zS8;MD22!lbzWWdkJ-2tw3w_|HNN!Phk1Ok2)OG=F8{X=C$n?gE$
z>M~Ld=v>ELe+}?)Lnl(s|4LJ|nRrXG3QRce;`IcH&OS=vzg}I;ruAu|(A?`-C1KNE
zNPar|FDIKX-&X-D!iw`3D)QK|b)AN8$U+h%pudtS#n{l)#e_51R*{a<rqxyX<Uf`^
zUsP`;Q%QtbN|hcz^Gh%7wwvn4qjlorqS;=Q$<ER&l;0Xhe<__3j<lA0eF1v=?DP*f
z7@P2@JDnvVnupU9$zHP(qcK>Rn$9Dw<<lgV^I<X*iDi76%?{tPJx)V&xKz*c{{ggb
V_^7iGLYV*n002ovPDHLkV1iqqH~Rnp

literal 0
HcmV?d00001

diff --git a/week-9/working-web-form/index.html b/week-9/working-web-form/index.html
index cfc6f32..8a66a7e 100644
--- a/week-9/working-web-form/index.html
+++ b/week-9/working-web-form/index.html
@@ -5,13 +5,18 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Web Form That Works</title>
+    <!-- Place favicon.ico in the root directory -->
+    <link rel="icon" type="image/png" href="fav/favicon-16x16.png">
+    <link rel="apple-touch-icon" href="fav/favicon-32x32.png">
+  
     <link href="css/form.css" rel="stylesheet">
+
 </head>
 <body>
 
     <form action="https://formspree.io/f/mdoynapr" method="POST">
 
-        <h1>Web form that works!</h1>
+        <h1>Web form that works &#128512;</h1>
         <h4>*Fill in all fields</h2>
             <p>
               <label for="name"><span>Name:* </span></label> <!--Name-->
diff --git a/week-9/working-web-form/js/main.js b/week-9/working-web-form/js/main.js
index b184648..519b1da 100644
--- a/week-9/working-web-form/js/main.js
+++ b/week-9/working-web-form/js/main.js
@@ -1,3 +1,4 @@
+/*Retrieve form attributes*/
 let forms = document.querySelector("form");
 let namee = document.getElementById("name");
 let mail = document.getElementById("mail");
@@ -13,6 +14,7 @@ let warning = document.querySelector("#warning");
   message.value === ""
 ];*/
 
+/*Event listener for if no fields are filled in*/
 forms.addEventListener("submit", function (event) {
   if ((namee.value === "" || mail.value === "") && (subject.value === "" || message.value === "")){
     event.preventDefault();
@@ -22,21 +24,25 @@ forms.addEventListener("submit", function (event) {
     subject.style.borderColor = "red";
     message.style.borderColor = "red";
   }
+/*If NAME field is not filled in*/
 else if (namee.value === "") {
     event.preventDefault();
     warning.innerHTML = "You must fill in the NAME field!" ;
     //form.style.borderColor = "red";
     namee.style.borderColor = "red";
+/*If EMAIL field is not filled in*/
   } else if (mail.value === "") {
     event.preventDefault();
     warning.innerHTML = "You must fill in the EMAIL field!"; 
     //form.style.borderColor = "red";
     mail.style.borderColor = "red";
+/*If SUBJECT field is not filled in*/
   } else if (subject.value === "") {
     event.preventDefault();
     warning.innerHTML = "You must fill in the SUBJECT field!"; 
     //form.style.borderColor = "red";
     subject.style.borderColor = "red";
+/*If MESSAGE field is not filled in*/
   } else if (message.value === "") {
     event.preventDefault();
     warning.innerHTML = "You must fill in the MESSAGE field!";