+
+
+ פרטי סטודנט
+
+
+
+
\ No newline at end of file
diff --git a/Ex/2021-11-25/README.md b/Ex/2021-11-25/README.md
new file mode 100644
index 0000000..676d90e
--- /dev/null
+++ b/Ex/2021-11-25/README.md
@@ -0,0 +1,20 @@
+# JBFullStack29
+
+# Excersize 2 2021-11-25
+
+- Change the education field validation you have created at exercise 2 to run at onSubmit event handler.
+- Keep the save button disabled until all required form controls are valid. Use onChange event handler for required input fields.
+
+
+# Excersize 4 2021-11-25
+
+Change [document.html](document.html):
+
+Create a button that will show the content of all `-
+
- + + +
` elements
+
+
+# Excersize 5 2021-11-25
+
+Change [element.html](element.html):
+
+In function getChildrenOf() add the details of all children, not only direct children.
diff --git a/Ex/2021-11-25/css/Ex2_solution.css b/Ex/2021-11-25/css/Ex2_solution.css
new file mode 100644
index 0000000..d9c0a18
--- /dev/null
+++ b/Ex/2021-11-25/css/Ex2_solution.css
@@ -0,0 +1,90 @@
+.err {
+ background: #ffe6ee;
+ /*border: 1px solid #b1395f; */
+}
+
+.empty {
+ border: 1px solid #1f44eb;
+}
+
+div{
+ /* Center the form on the page */
+ margin: 0 auto;
+ width: 450px;
+ /* Form outline */
+ padding: 1em;
+}
+
+div.emsg{
+ color: #c12020;
+ font-weight: bold;
+ padding: 0;
+ height: 1em;
+}
+
+form {
+ /* Center the form on the page */
+ margin: 0 auto;
+ width: 450px;
+ /* Form outline */
+ padding: 1em;
+ border: 1px solid #CCC;
+ border-radius: 1em;
+ }
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+
+ /*all li elements inside form and adjacent sibling li elements*/
+ form li + li {
+ margin-top: 1em;
+ }
+
+ label {
+ /* Uniform size & alignment */
+ display: inline-block;
+ width: 100px;
+ text-align: right;
+ }
+
+ input,
+ textarea {
+ /* To make sure that all text fields have the same font settings
+ By default, textareas have a monospace font */
+ font: 1em sans-serif;
+
+ /* Uniform text field size */
+ width: 300px;
+ box-sizing: border-box;
+
+ /* Match form field borders */
+ border: 1px solid #999;
+ }
+
+ input:focus,
+ textarea:focus {
+ /* Additional highlight for focused elements */
+ border-color: #000;
+ }
+
+ textarea {
+ /* Align multiline text fields with their labels */
+ vertical-align: top;
+
+ /* Provide space to type some text */
+ height: 5em;
+ }
+
+ .button {
+ /* Align buttons with the text fields */
+ padding-left: 90px; /* same size as the label elements */
+ }
+
+ button {
+ /* This extra margin represent roughly the same space as the space
+ between the labels and their text fields */
+ margin-left: .5em;
+ }
\ No newline at end of file
diff --git a/Ex/2021-11-25/document.html b/Ex/2021-11-25/document.html
new file mode 100644
index 0000000..18a0036
--- /dev/null
+++ b/Ex/2021-11-25/document.html
@@ -0,0 +1,44 @@
+
+
+
+ DOM data types - document
+
+
+
+
+
+ createElement method
+
+
+
+
+
+
+ get elements method
+
+
+
+
+
+
+
diff --git a/Ex/2021-11-25/element.html b/Ex/2021-11-25/element.html
new file mode 100644
index 0000000..4c8f723
--- /dev/null
+++ b/Ex/2021-11-25/element.html
@@ -0,0 +1,29 @@
+
+
+
+ DOM data types - element
+
+
+
+
+
+ children
+
+
+
+
+
+
+
diff --git a/Ex/2021-11-25/formValidationOnSubmit.html b/Ex/2021-11-25/formValidationOnSubmit.html
new file mode 100644
index 0000000..30eb502
--- /dev/null
+++ b/Ex/2021-11-25/formValidationOnSubmit.html
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+ Student details
+
+
+
+ פרטי סטודנט
+
+
+ children
+
+
+
+
+ פרטי סטודנט
+
+
+
+
\ No newline at end of file
diff --git a/Ex/2021-11-25/js/Ex2_solution.js b/Ex/2021-11-25/js/Ex2_solution.js
new file mode 100644
index 0000000..bac8dd8
--- /dev/null
+++ b/Ex/2021-11-25/js/Ex2_solution.js
@@ -0,0 +1,86 @@
+function saveStudent(){
+ let student = {
+ fname: document.getElementById('fname').value,
+ lname: document.getElementById('lname').value,
+ mail: document.getElementById('mail').value,
+ msg: document.getElementById('msg').value
+ }
+ window.localStorage.setItem("student",JSON.stringify(student));
+ alert(`The following studen details were saved successfully:\n ${JSON.stringify(student, undefined, 2 )}`);
+}
+
+function getStudentFromLocalStorage(){
+ let studentStr = window.localStorage.getItem("student");
+ if (studentStr != null){
+ console.log(studentStr);
+ let studentObj = JSON.parse(studentStr);
+ document.getElementById('fname').value = studentObj.fname;
+ document.getElementById('lname').value = studentObj.lname;
+ document.getElementById('mail').value = studentObj.mail;
+ document.getElementById('msg').value = studentObj.msg;
+
+ setTimeout(function(){
+ document.getElementById('fname').value = "";
+ document.getElementById('lname').value = "";
+ document.getElementById('mail').value = "";
+ document.getElementById('msg').value = "";
+ window.localStorage.removeItem("student");
+ }, 10000);
+
+ }
+
+}
+
+function validateEducation(){
+ let birthDate = new Date(document.getElementById('birthDate').value);
+ console.log("birthDate.getUTCFullYear() = " + birthDate.getUTCFullYear());
+ // diff = now (in ms since 1970) - birthday (in ms since 1970)
+ // diff = age in ms
+ console.log("Date.now().getUTCFullYear() = " + new Date(Date.now()).getUTCFullYear());
+ let diff_ms = Date.now() - birthDate.getTime();
+ let age_dt = new Date(diff_ms);
+ console.log("age_dt.getUTCFullYear() = " + age_dt.getUTCFullYear());
+
+ let age = Math.abs(age_dt.getUTCFullYear() - 1970);
+ console.log("age = " + age);
+
+ let education = parseInt(document.getElementById('education').value);
+ console.log("education = " + education);
+ let field = document.getElementById("education");
+ let error = document.getElementById("ceducation");
+ if (education + 5 < age){
+ field.classList.remove("err");
+ error.innerHTML = "";
+ }else{
+ field.classList.add("err");
+ error.innerHTML = "חינוך פורמלי מתחיל מגיל 5";
+ }
+}
+function cleanError(){
+ let field = document.getElementById("education");
+ let error = document.getElementById("ceducation");
+ field.classList.remove("err");
+ error.innerHTML = "";
+}
+
+function initiateForm(){
+ //Limit maximum birth date to be 18 years ago
+ let today = new Date();
+ let dd = today.getDate();
+ let mm = today.getMonth() + 1; //January is 0!
+ let yyyy = today.getFullYear() - 18;
+ let minYear = today.getFullYear() - 90;
+ if (dd < 10) {
+ dd = '0' + dd;
+ }
+
+ if (mm < 10) {
+ mm = '0' + mm;
+ }
+
+ maxBirthDate = yyyy + '-' + mm + '-' + dd;
+ minBirthDate = minYear + '-' + mm + '-' + dd;
+ console.log("Maximum birth date is: " + maxBirthDate);
+ document.getElementById("birthDate").setAttribute("max", maxBirthDate);
+ document.getElementById("birthDate").setAttribute("min", minBirthDate);
+}
diff --git a/Ex/2021-11-25/js/formValidationOnSubmit.js b/Ex/2021-11-25/js/formValidationOnSubmit.js
new file mode 100644
index 0000000..6ef4310
--- /dev/null
+++ b/Ex/2021-11-25/js/formValidationOnSubmit.js
@@ -0,0 +1,110 @@
+function saveStudent(){
+ if (validateEducation()){
+ let student = {
+ fname: document.getElementById('fname').value,
+ lname: document.getElementById('lname').value,
+ mail: document.getElementById('mail').value,
+ msg: document.getElementById('msg').value
+ }
+ window.localStorage.setItem("student",JSON.stringify(student));
+ alert(`The following studen details were saved successfully:\n ${JSON.stringify(student, undefined, 2 )}`);
+ return true;
+ }else{
+ return false;
+ }
+}
+
+function getStudentFromLocalStorage(){
+ let studentStr = window.localStorage.getItem("student");
+ if (studentStr != null){
+ console.log(studentStr);
+ let studentObj = JSON.parse(studentStr);
+ document.getElementById('fname').value = studentObj.fname;
+ document.getElementById('lname').value = studentObj.lname;
+ document.getElementById('mail').value = studentObj.mail;
+ document.getElementById('msg').value = studentObj.msg;
+
+ setTimeout(function(){
+ document.getElementById('fname').value = "";
+ document.getElementById('lname').value = "";
+ document.getElementById('mail').value = "";
+ document.getElementById('msg').value = "";
+ window.localStorage.removeItem("student");
+ }, 5000);
+
+ }
+
+}
+
+function validateEducation(){
+ let birthDate = new Date(document.getElementById('birthDate').value);
+ console.log("birthDate.getUTCFullYear() = " + birthDate.getUTCFullYear());
+ // diff = now (in ms since 1970) - birthday (in ms since 1970)
+ // diff = age in ms
+ console.log("Date.now().getUTCFullYear() = " + new Date(Date.now()).getUTCFullYear());
+ var diff_ms = Date.now() - birthDate.getTime();
+ var age_dt = new Date(diff_ms);
+ console.log("age_dt.getUTCFullYear() = " + age_dt.getUTCFullYear());
+
+ let age = Math.abs(age_dt.getUTCFullYear() - 1970);
+ console.log("age = " + age);
+
+ let education = parseInt(document.getElementById('education').value);
+ console.log("education = " + education);
+ let field = document.getElementById("education");
+ let error = document.getElementById("education_err");
+ if (education + 5 < age){
+ field.classList.remove("err");
+ error.innerHTML = "";
+ return true;
+ }else{
+ field.classList.add("err");
+ error.innerHTML = "חינוך פורמלי מתחיל מגיל 5";
+ return false;
+ }
+}
+function cleanEducationError(){
+ document.getElementById("education").classList.remove("err");
+ document.getElementById("education_err").innerHTML = "";
+}
+
+function setSubmitButton(){
+ let inputElements = document.querySelectorAll("input[required]");
+ document.getElementById("submitForm").disabled = false;
+ inputElements.forEach((inputElement) => {
+ console.log("Checking value of " + inputElement.id)
+ if (inputElement.value == "")
+ {
+ document.getElementById("submitForm").disabled = true;
+ }
+ });
+}
+
+function initiateForm(){
+ //Limit maximum birth date to be 18 years ago
+ var today = new Date();
+ var dd = today.getDate();
+ var mm = today.getMonth() + 1; //January is 0!
+ var yyyy = today.getFullYear() - 18;
+
+ if (dd < 10) {
+ dd = '0' + dd;
+ }
+
+ if (mm < 10) {
+ mm = '0' + mm;
+ }
+
+ maxBirthDate = yyyy + '-' + mm + '-' + dd;
+ console.log("Maximum birth date is: " + maxBirthDate);
+ //document.getElementById('fname').setAttribute("class","empty");
+ //document.getElementById('fname').classList.add("empty");
+ //document.getElementById('fname').style.setProperty("background", "#afc2e94d");
+ //document.getElementById('fname').style.background = "#afc2e94d";
+
+ document.getElementById("submitForm").disabled = true;
+ let inputElements = document.querySelectorAll("input");
+ inputElements.forEach((inputElement) => {
+ inputElement.addEventListener("change", setSubmitButton);
+ });
+}
diff --git a/Ex/2021-11-25/window.html b/Ex/2021-11-25/window.html
new file mode 100644
index 0000000..e9da366
--- /dev/null
+++ b/Ex/2021-11-25/window.html
@@ -0,0 +1,29 @@
+
+
+
+ -
+
- + + +
window.navigator.userAgent
+ + + + +window.location
+ + + +
+
+
+
+
+
diff --git a/Ex/2021-11-29/bootstrap.html b/Ex/2021-11-29/bootstrap.html
new file mode 100644
index 0000000..1c5341a
--- /dev/null
+++ b/Ex/2021-11-29/bootstrap.html
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+
+
+
+ חנוכה שמח
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Ex/2021-11-29/css/at-rules.css b/Ex/2021-11-29/css/at-rules.css
new file mode 100644
index 0000000..46dd0ea
--- /dev/null
+++ b/Ex/2021-11-29/css/at-rules.css
@@ -0,0 +1,95 @@
+@font-face
+{
+ font-family: kongquest;
+ src: url(../fonts/KongQuest-Regular.otf);
+}
+@font-face
+{
+ font-family: lobster;
+ src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
+}
+
+h1 {
+ font-family:lobster;
+}
+
+h2 {
+ font-family:kongquest;
+}
+
+.fade-in {
+ background-color: blue;
+ color: white;
+ animation-name: FadeIn;
+ animation-duration: 6s;
+ transition-timing-function: linear;
+ margin-top: 1em;
+ max-width: fit-content;
+ }
+
+ @keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-moz-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-webkit-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-o-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-ms-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ .sliding {
+ animation-duration: 3s;
+ animation-name: slidein;
+ background-color: palevioletred;
+ transition-timing-function: ease;
+ color: white;
+ margin-top: 1em;
+ max-width: fit-content;
+ }
+
+ @keyframes slidein {
+ from {
+ margin-left: 100%;
+ width: 300%;
+ }
+
+ to {
+ margin-left: 0%;
+ width: 100%;
+ }
+ }
\ No newline at end of file
diff --git a/Ex/2021-11-29/css/hanuca.css b/Ex/2021-11-29/css/hanuca.css
new file mode 100644
index 0000000..47d2fa8
--- /dev/null
+++ b/Ex/2021-11-29/css/hanuca.css
@@ -0,0 +1,102 @@
+@font-face
+{
+ font-family: trashim;
+ src: url(../fonts/TrashimCLM-Bold.otf);
+}
+h1 {
+ font-family:trashim;
+ font-size: 500%;
+ /* Center */
+ margin: 0 auto;
+ padding: 1em;
+ max-width: fit-content;
+ color: gold;
+}
+body {
+ background-color: rgb(71, 54, 179);
+}
+
+.candle {
+ position: relative;
+ background-image: url("../images/transparent_candle_small.png");
+ background-repeat: no-repeat;
+ background-size: contain;
+ margin-left: 3em;
+ display: inline-block;
+ max-width: fit-content;
+}
+.candle img{
+ visibility: hidden;
+ object-fit: contain;
+}
+.candle p{
+ font-family:trashim;
+ position: absolute;
+ left: 30%;
+ top: 50%;
+ max-width: fit-content;
+ color:rebeccapurple;
+}
+.candle-off{
+ background-image:none;
+}
+.shamash{
+ background-position: right top;
+ padding-left: 4em;
+}
+.shamash p{
+ left: 52%;
+ font-size: 150%;
+ color:mediumvioletred;
+}
+.fade-in {
+ animation-name: FadeIn;
+ animation-duration: 2s;
+ transition-timing-function: ease;
+ margin-top: 4em;
+ }
+
+ @keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-moz-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-webkit-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-o-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-ms-keyframes FadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
\ No newline at end of file
diff --git a/Ex/2021-11-29/fonts/GNU-GPL b/Ex/2021-11-29/fonts/GNU-GPL
new file mode 100644
index 0000000..5b6e7c6
--- /dev/null
+++ b/Ex/2021-11-29/fonts/GNU-GPL
@@ -0,0 +1,340 @@
+ GNU GENERAL PUBLIC LICENSE
+ Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+ Preamble
+
+ The licenses for most software are designed to take away your
+freedom to share and change it. By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users. This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it. (Some other Free Software Foundation software is covered by
+the GNU Library General Public License instead.) You can apply it to
+your programs, too.
+
+ When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+ To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+ For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have. You must make sure that they, too, receive or can get the
+source code. And you must show them these terms so they know their
+rights.
+
+ We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+ Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software. If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+ Finally, any free program is threatened constantly by software
+patents. We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary. To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+ The precise terms and conditions for copying, distribution and
+modification follow.
+
+ GNU GENERAL PUBLIC LICENSE
+ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+ 0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License. The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language. (Hereinafter, translation is included without limitation in
+the term "modification".) Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope. The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+ 1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+ 2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+ a) You must cause the modified files to carry prominent notices
+ stating that you changed the files and the date of any change.
+
+ b) You must cause any work that you distribute or publish, that in
+ whole or in part contains or is derived from the Program or any
+ part thereof, to be licensed as a whole at no charge to all third
+ parties under the terms of this License.
+
+ c) If the modified program normally reads commands interactively
+ when run, you must cause it, when started running for such
+ interactive use in the most ordinary way, to print or display an
+ announcement including an appropriate copyright notice and a
+ notice that there is no warranty (or else, saying that you provide
+ a warranty) and that users may redistribute the program under
+ these conditions, and telling the user how to view a copy of this
+ License. (Exception: if the Program itself is interactive but
+ does not normally print such an announcement, your work based on
+ the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole. If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works. But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+ 3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+ a) Accompany it with the complete corresponding machine-readable
+ source code, which must be distributed under the terms of Sections
+ 1 and 2 above on a medium customarily used for software interchange; or,
+
+ b) Accompany it with a written offer, valid for at least three
+ years, to give any third party, for a charge no more than your
+ cost of physically performing source distribution, a complete
+ machine-readable copy of the corresponding source code, to be
+ distributed under the terms of Sections 1 and 2 above on a medium
+ customarily used for software interchange; or,
+
+ c) Accompany it with the information you received as to the offer
+ to distribute corresponding source code. (This alternative is
+ allowed only for noncommercial distribution and only if you
+ received the program in object code or executable form with such
+ an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it. For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable. However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+ 4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License. Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+ 5. You are not required to accept this License, since you have not
+signed it. However, nothing else grants you permission to modify or
+distribute the Program or its derivative works. These actions are
+prohibited by law if you do not accept this License. Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+ 6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions. You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+ 7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all. For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices. Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+ 8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded. In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+ 9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation. If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+ 10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission. For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this. Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+ NO WARRANTY
+
+ 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+ 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+ END OF TERMS AND CONDITIONS
+
+ How to Apply These Terms to Your New Programs
+
+ If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+ To do so, attach the following notices to the program. It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+
+
+
+
+
+ 
+
+
+ ראשון
+
+
+
+
+
+
+ שני
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ שמש
++ + +
+ + +
+ + +
+ + +
+ + + + + + + + + diff --git a/StudentTable/js/editStudent.js b/StudentTable/js/editStudent.js new file mode 100644 index 0000000..ff5fb73 --- /dev/null +++ b/StudentTable/js/editStudent.js @@ -0,0 +1,35 @@ + let Editname = document.getElementById("Editname"); + let bday = document.getElementById("Editbday"); + let phone = document.getElementById("Editphone"); + let address = document.getElementById("Editaddress"); + let email = document.getElementById("Editemail"); + let gender = document.getElementById("Editgender"); + + let id = window.localStorage.getItem("editId"); + let students = JSON.parse(window.localStorage.getItem("students")); + + for(student of students){ + if(student.id == id){ + Editname.value = student.name; + bday.value = student.bday; + phone.value = student.phone; + address.value = student.address; + email.value = student.email; + gender.value = student.gender; + } + } + + document.getElementById("edit").addEventListener("click", ()=>{ + for(student of students){ + if(student.id == id) + student.name = Editname.value; + student.bday = bday.value; + student.phone = phone.value; + student.address = address.value; + student.email = email.value; + student.gender = gender.value; + + } + + console.log(students); + }); \ No newline at end of file diff --git a/StudentTable/js/index.js b/StudentTable/js/index.js new file mode 100644 index 0000000..a85fe80 --- /dev/null +++ b/StudentTable/js/index.js @@ -0,0 +1,108 @@ +class Student{ + constructor(name, phone, bday, address, email, gender){ + this.name = name; + this.phone = phone; + this.bday = bday; + this.address = address; + this.email = email; + this.gender = gender; + } +id = 0; +setId(id){ +this.id = id; +} +getId(){ + return this.id; +} +} + +let students = []; + + +if(JSON.parse(localStorage.getItem("students"))) +students = JSON.parse(localStorage.getItem("students")); + + + +if(students.length > 0){ +//Putting the list of students in a table +const div = document.createElement("div"); +const table = document.createElement("table"); +const thead = document.createElement("thead"); +let th; +let tr; +let td; +let node; +let editBtn; + +table.appendChild(thead); + +//adding th titles to the table +for(obj in students[0]){ +node = document.createTextNode(obj); +th = document.createElement("th"); +th.appendChild(node); +thead.appendChild(th); +} + +table.appendChild(thead); + +//getting each student in a row and each info in a td +students.forEach((student)=>{ + tr = document.createElement("tr"); + +for(obj in student){ + +node = document.createTextNode(student[obj]); +console.log(student[obj]); +td = document.createElement("td"); +td.appendChild(node); +tr.appendChild(td); +} + +//Edit Button creation, adding a class and changing button text +editBtn = document.createElement("button"); +editBtn.className = "editBtn"; +editBtn.id = student.id; +editBtn.innerHTML = "Edit"; +td = document.createElement("td"); +td.appendChild(editBtn); +tr.appendChild(td); +table.appendChild(tr); + +}); +div.appendChild(table); +document.body.appendChild(div); + + +} + +//creating new student object after sending the form and adding to the local storage + document.getElementById("send").addEventListener("click", ()=>{ + const name = document.getElementById("name").value; + const bday = document.getElementById("bday").value; + const phone = document.getElementById("phone").value; + const address = document.getElementById("address").value; + const email = document.getElementById("email").value; + const gender = document.getElementById("gender").value; + + let newStudent = new Student(name, bday, phone, address, email, gender); + + let id = 0; + if(students.length != 0) + id = students[students.length - 1].getId() + 1; + + newStudent.setId(id); + students.push(newStudent); + + window.localStorage.setItem("students", JSON.stringify(students)); + location.reload(); + + }); + + for(let i = 0; i < students.length; i++){ + document.getElementsByClassName("editBtn")[i].addEventListener("click", (e)=>{ + window.localStorage.setItem("editId", e.target.id); + location.href = 'editStudent.html'; + }); + } \ No newline at end of file