From 6a926d70101f464c528cedb3e7696a9cc77c936a Mon Sep 17 00:00:00 2001 From: hasan Date: Tue, 6 Dec 2022 18:20:46 +0300 Subject: [PATCH 01/28] style2 --- .../public/style1/index.html | 2 +- .../cv-styling-master/public/style1/style.css | 253 ++++++++++++++++++ 2 files changed, 254 insertions(+), 1 deletion(-) create mode 100644 04_Challenges/cv-styling-master/public/style1/style.css diff --git a/04_Challenges/cv-styling-master/public/style1/index.html b/04_Challenges/cv-styling-master/public/style1/index.html index c40c1144..510cdd9c 100644 --- a/04_Challenges/cv-styling-master/public/style1/index.html +++ b/04_Challenges/cv-styling-master/public/style1/index.html @@ -163,7 +163,7 @@

Contact

Email
-
+
student@codi.tech
diff --git a/04_Challenges/cv-styling-master/public/style1/style.css b/04_Challenges/cv-styling-master/public/style1/style.css new file mode 100644 index 00000000..d7ed756e --- /dev/null +++ b/04_Challenges/cv-styling-master/public/style1/style.css @@ -0,0 +1,253 @@ + + *{ font-family: sans-serif } + body{padding: 50px 300px 50px 300px;} + + h2{ + display: none; + + } + + + hgroup{ + border-bottom: 1px solid rgb(233, 220, 220) ; + width: 85%; + } + + figure>img{ + + float: right; + margin: -100px 200px 0px -200px ; + transform: rotate(-10deg); + width: 140px; + height: 140px; + } + + #about{ + margin-top: -10px; + display: flex; + flex-direction: row-reverse; + } + + #about>h3{ + visibility: hidden; + width: 20%; + } + #about>p{ + width: 80%; + opacity: 0.5; + font-style: italic; + } + + h3{ font-style: italic; } + + .content{ + + display: grid; + grid-template-rows: auto; + row-gap: 30px; + } + + #competencies > div.skills.skills-primary{ + display: grid; + grid-template-columns: 1fr 1fr 1fr ; + column-gap: 10px; + width: 50%; + margin-top: 20px; + } + #competencies > div.skills.skills-secondary{ + display: grid; + grid-template-columns: 1fr 1fr 1fr ; + column-gap: 10px; + width: 50%; + margin-bottom: 40px; + } + + #competencies > div.skills.skills-primary > div{ + background-color: #027272; + color: white; + padding: 10px; + } + + #competencies > div.skills.skills-secondary > div{ + background-color: #027272; + color: white; + padding: 5px; + } + + #competencies > div.skills.skills-primary > div:nth-child(1) > span:after{ + content: "\2605 \2605 \2605"; + float: right; + } + #competencies > div.skills.skills-primary > div:nth-child(2) > span:after{ + content: "\2605 \2605"; + float: right; + } + + #competencies > div.skills.skills-primary > div:nth-child(3) > span:after{ + content: " \2605"; + float: right; + } + #competencies > div.skills.skills-secondary > div> span{ + font-size: 12px; + } + #competencies > div.skills.skills-secondary > div:nth-child(1) > span::after{ + content: "\2605 \2605 \2605 \2605 \2605"; + float: right; + margin-left: -20px; + } + #competencies > div.skills.skills-secondary > div:nth-child(2) > span::after{ + content: "\2605 \2605 \2605"; + float: right; + margin-left: -20px; + } + #competencies > div.skills.skills-secondary > div:nth-child(3) > span::after{ + content: "\2605 \2605 \2605 \2605"; + float: right; + margin-left: -28px; + } + + + #experiences,#education{ + display: inline-grid; + grid-template-columns: auto auto ; + column-gap: 20px; + } + + #experiences>h3,#education>h3,#hobbies>h3{ + grid-row: 1/3; + border-right: 1px solid black; + padding-right:15px; + } + + + .experience-date-separator{ + color: rgb(2, 126, 126); + } + + #education>h3{ + padding-right:35px; + } + #competencies>h3{ + grid-row: 1/3; + border-right: 1px solid black; + + } + #competencies{ + display: grid; + grid-template-columns:1fr 7fr ; + gap: 20px; + margin-left: -16px; + } + + #hobbies{ + + display: grid; + grid-template-columns:1fr 7fr ; + gap:43px; + margin-left:-9px; + + } + .experience-details{ + float: right; + opacity: 0.5; + margin-top: -45px; + } + .experience-type{ + color: #027272; + } + + .experience-institution{ + display:none; + } + + + #contact > h3{ + display: none; + } + #contact > div > dl.contact> dt{ + display: none; + } + #contact > div > dl.contact.contact-skype > dd{ + display: none; + } + #contact > div > dl.contact > dd > a{ + display: none; + } + + .contacts{ + display:flex; + justify-content: center; + } + + .contact-facebook{ + background-image: url('../images/facebook.png'); + background-size: 100%; + width: 5vw; + height: 5vw; + } + + .contact-email{ + background-image: url('../images/email.png'); + background-size: 100%; + width: 5vw; + height: 5vw; + } + .contact-github{ + background-image: url('../images/github.png'); + background-size: 100%; + width: 5vw; + height: 5vw; + } + + .contact-phone{ + background-image: url('../images/phone.png'); + background-size: 100%; + width: 5vw; + height: 5vw; + } + + + @media only screen and (max-width: 600px) { + + body{ + padding: 5px 20px 5px 20px; + } + + figure>img{ + display: none; + } + + #competencies,#experiences,#education,#hobbies{ + display: block; + } + + + #experiences>h3,#education>h3,#hobbies>h3,#competencies>h3{ + border-bottom: 1px solid black; + border-right: none; + width:35%; + } + + + #competencies > div.skills.skills-secondary{ + display: grid; + grid-template-columns: 1fr 1fr 1fr ; + column-gap: 25px; + width: 100%; + margin-bottom: 0px; + margin-top: 10px; + } + + #competencies > div.skills.skills-primary{ + display: grid; + grid-template-columns: 1fr 1fr 1fr ; + column-gap: 25px; + width: 100%; + margin-top: 20px; + } + + #about>p { + width: 100%; + } + + } \ No newline at end of file From 309a4944d95ab92a326b518bc41069dad1548c9f Mon Sep 17 00:00:00 2001 From: hasan Date: Tue, 6 Dec 2022 18:37:12 +0300 Subject: [PATCH 02/28] style1 --- .../public/style1/index.html | 6 +- .../cv-styling-master/public/style1/style.css | 533 +++++++++++------- 2 files changed, 326 insertions(+), 213 deletions(-) diff --git a/04_Challenges/cv-styling-master/public/style1/index.html b/04_Challenges/cv-styling-master/public/style1/index.html index 510cdd9c..192f8eec 100644 --- a/04_Challenges/cv-styling-master/public/style1/index.html +++ b/04_Challenges/cv-styling-master/public/style1/index.html @@ -161,9 +161,9 @@

Hobbies

Contact

-
-
Email
-
+
+
Email
+
student@codi.tech
diff --git a/04_Challenges/cv-styling-master/public/style1/style.css b/04_Challenges/cv-styling-master/public/style1/style.css index d7ed756e..569a5ebd 100644 --- a/04_Challenges/cv-styling-master/public/style1/style.css +++ b/04_Challenges/cv-styling-master/public/style1/style.css @@ -1,253 +1,366 @@ - - *{ font-family: sans-serif } - body{padding: 50px 300px 50px 300px;} - h2{ - display: none; - +header{ + background-color: silver; + display: flex; + flex-direction: row; + align-items: row; + padding:30px 0px ; } + h1,h2{ font-size: 26px; + color: red; + font-weight: bold; } - hgroup{ - border-bottom: 1px solid rgb(233, 220, 220) ; - width: 85%; - } - - figure>img{ + h4 { color: red; } - float: right; - margin: -100px 200px 0px -200px ; - transform: rotate(-10deg); - width: 140px; - height: 140px; - } + hgroup { margin-left: 400px; } - #about{ - margin-top: -10px; - display: flex; - flex-direction: row-reverse; - } - - #about>h3{ - visibility: hidden; - width: 20%; - } - #about>p{ - width: 80%; - opacity: 0.5; - font-style: italic; - } - - h3{ font-style: italic; } + figure{ margin:-120px 0px 0px 650px !important; } .content{ - - display: grid; - grid-template-rows: auto; - row-gap: 30px; + + grid-template-columns: 50% 50% ; + + padding: 50px 300px 50px 300px; + + display: inline-grid; + } - - #competencies > div.skills.skills-primary{ - display: grid; - grid-template-columns: 1fr 1fr 1fr ; - column-gap: 10px; - width: 50%; - margin-top: 20px; - } - #competencies > div.skills.skills-secondary{ - display: grid; - grid-template-columns: 1fr 1fr 1fr ; - column-gap: 10px; - width: 50%; - margin-bottom: 40px; + section > h3{ + + border-bottom: 1px solid black; + } - - #competencies > div.skills.skills-primary > div{ - background-color: #027272; - color: white; - padding: 10px; + + + + section>h3::before{ + + content:' '; + + margin-right:8px; + + display:inline-block; /*understand well */ + + width: 20px; + + height: 20px; + + border-radius: 50%; + + background-color: red; + } - - #competencies > div.skills.skills-secondary > div{ - background-color: #027272; - color: white; - padding: 5px; + + + + .experience-location::before + + {content: "In";} + + + + .day::before + + {content: "on ";} + + + + .experience-details{ + + opacity: 0.5; + } - - #competencies > div.skills.skills-primary > div:nth-child(1) > span:after{ - content: "\2605 \2605 \2605"; - float: right; + + + + .experience-institution::before{ + + content: '@ '; + } - #competencies > div.skills.skills-primary > div:nth-child(2) > span:after{ - content: "\2605 \2605"; - float: right; + + + + .experience-date-separator{ + + color: red; + } + - #competencies > div.skills.skills-primary > div:nth-child(3) > span:after{ - content: " \2605"; - float: right; + + .skills-primary, .skills-secondary { + + padding-top: 10px; + + display: flex; + + flex-direction: column; + + justify-content: space-between; + + height: 130px; + } - #competencies > div.skills.skills-secondary > div> span{ - font-size: 12px; + + + + .skills-primary{ + + margin-top: 35px; + } - #competencies > div.skills.skills-secondary > div:nth-child(1) > span::after{ - content: "\2605 \2605 \2605 \2605 \2605"; - float: right; - margin-left: -20px; + + + + .skills-secondary { + + margin-top: 20px; + } - #competencies > div.skills.skills-secondary > div:nth-child(2) > span::after{ - content: "\2605 \2605 \2605"; - float: right; - margin-left: -20px; + + .skills-primary::after{ + + display: block; + + content: 'Main'; + + position: absolute; + + margin-top: -20px; + } - #competencies > div.skills.skills-secondary > div:nth-child(3) > span::after{ - content: "\2605 \2605 \2605 \2605"; - float: right; - margin-left: -28px; + + + + .skills-secondary::after{ + + display: block; + + content: 'Other'; + + position: absolute; + + margin-top: -20px; + } + .skill { + + height: 38px; + + display: flex; + + align-items: center; + + background-color: gray + + } + + .skill span { + + align-items: center; + + margin-left: 10px; + + position: relative; + + z-index: 1; + + color: white; + + z-index: 1; + + width: 90%; + + height: 28px; + + margin-left: 10px; + + display: flex; - #experiences,#education{ - display: inline-grid; - grid-template-columns: auto auto ; - column-gap: 20px; } - - #experiences>h3,#education>h3,#hobbies>h3{ - grid-row: 1/3; - border-right: 1px solid black; - padding-right:15px; - } - - .experience-date-separator{ - color: rgb(2, 126, 126); - } - #education>h3{ - padding-right:35px; + .skill span::after{ + + position: absolute; + + content: ''; + + height: 30px; + + background-color: red; + + z-index: -1; + + margin-left: -7px; + } - #competencies>h3{ - grid-row: 1/3; - border-right: 1px solid black; + + + + [data-skill="1"] span::after { + + width: 8%; } - #competencies{ - display: grid; - grid-template-columns:1fr 7fr ; - gap: 20px; - margin-left: -16px; + + [data-skill="3"] span::after { + + width: 32%; + } - - #hobbies{ - - display: grid; - grid-template-columns:1fr 7fr ; - gap:43px; - margin-left:-9px; - + + [data-skill="5"] span::after { + + width: 50%; + + + } - .experience-details{ - float: right; - opacity: 0.5; - margin-top: -45px; - } - .experience-type{ - color: #027272; + + [data-skill="7"] span::after { + + width: 73%; + + opacity: 0.5 + + ;} + + + + [data-skill="9"] span::after { + + width: 93%; + + opacity: 0.5; + } - - .experience-institution{ - display:none; - } - - - #contact > h3{ - display: none; + + + + .contact{ + + display: flex; + + flex-direction: row; + + margin:0px; + } - #contact > div > dl.contact> dt{ - display: none; + + .contact-type{ + + width: 17%; + + background-color: red; + + color: white; + + padding:5px 5px 5px 5px; + } - #contact > div > dl.contact.contact-skype > dd{ - display: none; + + .contact-value{ + + width: 83%; + + padding:10px 0x 10px 0px; + + margin: 0px; + + background-color: rgb(0, 0, 0); + + color: red; + } - #contact > div > dl.contact > dd > a{ - display: none; + + a{ + + color:red; + + text-decoration: none; + } - - .contacts{ - display:flex; - justify-content: center; + + #contact > h3{ + + display: none; + } - - .contact-facebook{ - background-image: url('../images/facebook.png'); - background-size: 100%; - width: 5vw; - height: 5vw; + + + + .contacts{ + + margin-top: -1030px; + } - - .contact-email{ - background-image: url('../images/email.png'); - background-size: 100%; - width: 5vw; - height: 5vw; - } - .contact-github{ - background-image: url('../images/github.png'); - background-size: 100%; - width: 5vw; - height: 5vw; + + + + + + @media only screen and (max-width: 600px) { + + header>div { + + display: inline-block; + + margin: 30px; + + + } - - .contact-phone{ - background-image: url('../images/phone.png'); - background-size: 100%; - width: 5vw; - height: 5vw; + + hgroup{ + + + + margin: 0px; + } - - - @media only screen and (max-width: 600px) { - - body{ - padding: 5px 20px 5px 20px; + + + + figure{ + + + + margin:15px !important; + + } + .content{ + + display: block; + + padding:10px; + } - - figure>img{ - display: none; + .contacts{ + + margin-top:10px; + } - - #competencies,#experiences,#education,#hobbies{ - display: block; + .contact-type{ + + width:30%; + } - - - #experiences>h3,#education>h3,#hobbies>h3,#competencies>h3{ - border-bottom: 1px solid black; - border-right: none; - width:35%; + + + + .contact-value{ + + width:70%; + + background-color:white; + } - - - #competencies > div.skills.skills-secondary{ - display: grid; - grid-template-columns: 1fr 1fr 1fr ; - column-gap: 25px; - width: 100%; - margin-bottom: 0px; - margin-top: 10px; - } - - #competencies > div.skills.skills-primary{ - display: grid; - grid-template-columns: 1fr 1fr 1fr ; - column-gap: 25px; - width: 100%; - margin-top: 20px; - } - - #about>p { - width: 100%; - } - - } \ No newline at end of file + + #contact > div > dl.contact.contact-skype > dd{ + + color:black; }} + \ No newline at end of file From 7342c515b2478709c37f970bd138abe975cb2b27 Mon Sep 17 00:00:00 2001 From: hasan Date: Tue, 6 Dec 2022 18:40:38 +0300 Subject: [PATCH 03/28] style1 --- .../public/style1/index.html | 94 ++++++++++--------- 1 file changed, 48 insertions(+), 46 deletions(-) diff --git a/04_Challenges/cv-styling-master/public/style1/index.html b/04_Challenges/cv-styling-master/public/style1/index.html index 192f8eec..286575ba 100644 --- a/04_Challenges/cv-styling-master/public/style1/index.html +++ b/04_Challenges/cv-styling-master/public/style1/index.html @@ -11,17 +11,18 @@ JStudent | CV + -
+
-

Student Name

-

Codes and Sleeps

+

Hasan Kanj

+

Computer Scientest

Student Name @@ -32,9 +33,9 @@

Codes and Sleeps

About

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. -

-
+ Recent Graduate of LIU University aiming to launch web dev career. + I am Looking to establish a career in the field of Information Technology, + I wish to work in a growth-oriented company and contribute to the development of the organization while upgrading my skill set and knowledge.

Competencies

@@ -64,129 +65,130 @@

Competencies

Experiences

- Man2ouche Seller + Call Center Agent Snack Edouard

- Paris + Achrafieh 30 / - 12 + 6 / - 1995 + 2022

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. -

+ Inbound call activity: Rquest to amend or withdraw personal data.
+ Outbound call activity: Sensitization and mass information campaigns.

- Man2ouche Seller - Snack Edouard + Mobile Software and Hardware Technician + PUK

Paris - 30 + 1 / - 12 + 4 / - 1995 + 2021

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. -

+ Repaired hardware and software problems on cell phones. + Customers throughout the whole process, from empathized + with their problem to explain the repair.

Education

- Web Stack Training - Codi + Bachelor's degree in Computer Science. + LIU

Beirut - 30 + 1 / - 12 + 6 / - 1995 + 2022

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. -

+ Graduated with GPA 3.13.

- Man2ouche Seller - Snack Edouard + M.C.S + SE Student

- Paris + Beirut - 30 + 6 / - 12 + 6 / - 1995 + 2019

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. -

+ During my time in high school I had it really good moments, + but my best moments that I’ve experienced are in a particular class during my senior year, in Sacramento, Calif. + So I was basically a new student in these kind of classes .

Hobbies

    -
  • Watching Youtube
    • -
  • Sleeping
    • -
  • Writing CVs
    • +
  • Watching Movies
    • +
  • Playing Football
    • +
  • Reading

Contact

-
-
Email
-
- student@codi.tech +
+
Email
+
+ hasankanj4@gmail.com
Skype
-
first-last
+
hasankanj
Phone/Whatsapp
- +9613123123 + +961 71900468
Github
- UserName + Hasankanj
Facebook
- Profile Name + Hasan Kanj
@@ -194,4 +196,4 @@

Contact

- + \ No newline at end of file From 57856679c93cf5555e0e0ac60ac09bd4018311ea Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 12:53:57 +0300 Subject: [PATCH 04/28] step1 --- .../03_JavaScript/javascript-basics-02/step 1/index.html | 1 + .../03_JavaScript/javascript-basics-02/step 1/step_1.js | 2 ++ 2 files changed, 3 insertions(+) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html index 5ad09a67..593f1ac7 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html @@ -6,5 +6,6 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js new file mode 100644 index 00000000..d28f2b2b --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js @@ -0,0 +1,2 @@ +var name1 = "hasan" +alert(name1); \ No newline at end of file From 2a43b4aeff9f8dec342b450228f8cbe5ae27adb4 Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 13:45:56 +0300 Subject: [PATCH 05/28] step2 --- .../03_JavaScript/javascript-basics-02/step 2/index.html | 1 + .../03_JavaScript/javascript-basics-02/step 2/step_2.js | 5 +++++ 2 files changed, 6 insertions(+) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html index cf257909..76308c89 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html @@ -8,5 +8,6 @@
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js new file mode 100644 index 00000000..60907c50 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js @@ -0,0 +1,5 @@ +var name1 = 'KAnj' +var surname = 'Hasan' +var city = 'beirut' + +alert("name :" +name1 +"\n" + "surname :" + surname + "\n" + "city :" +city) \ No newline at end of file From 834b888bd449f22ccbaab02bb003a5df2a4fb236 Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 15:32:37 +0300 Subject: [PATCH 06/28] step1 --- 03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html | 1 + 03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html | 1 + 03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html | 1 + 03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html | 1 + 03_Exercises/03_JavaScript/javascript-basics-01/step_03.js | 6 ++++++ 03_Exercises/03_JavaScript/javascript-basics-01/step_04.js | 0 03_Exercises/03_JavaScript/javascript-basics-01/step_1.js | 2 ++ .../step 2 => javascript-basics-01}/step_2.js | 2 +- .../03_JavaScript/javascript-basics-02/step 1/step_1.js | 2 -- .../03_JavaScript/javascript-basics-02/step 2/index.html | 1 - 10 files changed, 13 insertions(+), 4 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_03.js create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_04.js create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_1.js rename 03_Exercises/03_JavaScript/{javascript-basics-02/step 2 => javascript-basics-01}/step_2.js (86%) delete mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html index de81630e..edeb7451 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html @@ -5,5 +5,6 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html index a2147206..904f6992 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html @@ -5,5 +5,6 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html index 20b2a198..ef0cb763 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html @@ -5,5 +5,6 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html index 12c89425..0492a174 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html @@ -11,5 +11,6 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js new file mode 100644 index 00000000..230acc9d --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js @@ -0,0 +1,6 @@ +var nickname = prompt("Enter your name "); +if (nickname == '') { + alert("wrong format") +} + else + alert("Welcome " +nickname) ; diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_04.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_04.js new file mode 100644 index 00000000..e69de29b diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_1.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_1.js new file mode 100644 index 00000000..73f66e77 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_1.js @@ -0,0 +1,2 @@ +var name1 ; +alert(name1); \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js similarity index 86% rename from 03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js rename to 03_Exercises/03_JavaScript/javascript-basics-01/step_2.js index 60907c50..3bca6123 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js @@ -1,4 +1,4 @@ -var name1 = 'KAnj' +var name1 = 'Kanj' var surname = 'Hasan' var city = 'beirut' diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js deleted file mode 100644 index d28f2b2b..00000000 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step_1.js +++ /dev/null @@ -1,2 +0,0 @@ -var name1 = "hasan" -alert(name1); \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html index 76308c89..cf257909 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html @@ -8,6 +8,5 @@
- From d06107968208f0f75bc87f5481a45b0a3f5ac5cd Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 15:33:13 +0300 Subject: [PATCH 07/28] step2 --- 03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html | 2 +- 03_Exercises/03_JavaScript/javascript-basics-01/step_2.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html index 904f6992..bd6ec19c 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html @@ -5,6 +5,6 @@ - + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js index 3bca6123..112076f9 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js @@ -2,4 +2,4 @@ var name1 = 'Kanj' var surname = 'Hasan' var city = 'beirut' -alert("name :" +name1 +"\n" + "surname :" + surname + "\n" + "city :" +city) \ No newline at end of file +alert("name :" +name1 +"\n" + "surname :" + surname + "\n" + "city :" +city) \ No newline at end of file From 2b8051ebf96c75a9649c973ad7b8f3f0d74e168e Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 15:33:37 +0300 Subject: [PATCH 08/28] step3 --- 03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html | 2 +- 03_Exercises/03_JavaScript/javascript-basics-01/step_03.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html index ef0cb763..d0482bec 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html @@ -5,6 +5,6 @@ - + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js index 230acc9d..c8f9a0ec 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_03.js @@ -3,4 +3,4 @@ if (nickname == '') { alert("wrong format") } else - alert("Welcome " +nickname) ; + alert("Welcome " +nickname) ; From e68e2b181f4561722102929b8c7faf6829ab25b7 Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 16:17:40 +0300 Subject: [PATCH 09/28] step4 --- .../03_JavaScript/javascript-basics-01/Step_4.html | 4 ++-- 03_Exercises/03_JavaScript/javascript-basics-01/step_04.js | 7 +++++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html index 0492a174..309a78c8 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html @@ -9,8 +9,8 @@ - + - + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_04.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_04.js index e69de29b..83d217c9 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/step_04.js +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_04.js @@ -0,0 +1,7 @@ + +function person(){ +const name1 = document.getElementById('name').value; +const surname = document.getElementById('surname').value; +const city = document.getElementById('city').value; +alert("name :" + name1 +"\n" + "surname :" + surname + "\n" + "city :" +city) ; +} From 2c17507c4a78e55d5e048db58df25ac07501d18f Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 16:38:12 +0300 Subject: [PATCH 10/28] step5 --- .../03_JavaScript/javascript-basics-01/Step_5.html | 3 ++- .../03_JavaScript/javascript-basics-01/step_05.js | 9 +++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_05.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html index 60479f28..79f3ee89 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html @@ -8,7 +8,8 @@


- +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_05.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_05.js new file mode 100644 index 00000000..20515092 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_05.js @@ -0,0 +1,9 @@ + + + + function muiltiply(){ + var x = document.getElementById('first_number').value; + var y = document.getElementById('second_number').value; + var result = x*y + alert("The final answer is :" +result) ; + } \ No newline at end of file From 19d96050954d3af16a0ab27940f5028d1f45a39e Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 16:45:38 +0300 Subject: [PATCH 11/28] step6 --- .../03_JavaScript/javascript-basics-01/Step_6.html | 3 ++- 03_Exercises/03_JavaScript/javascript-basics-01/step_06.js | 7 +++++++ 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_06.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html index b019dccd..a96ec127 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html @@ -8,7 +8,8 @@


- +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_06.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_06.js new file mode 100644 index 00000000..24bfda52 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_06.js @@ -0,0 +1,7 @@ + + function Division(){ + var x = document.getElementById('first_number').value; + var y = document.getElementById('second_number').value; + var remainder = x%y + alert("The final answer is :" +remainder) ; + } \ No newline at end of file From e0c4943f46c9ceeb6d304c6b0c7c0a1c6a02f927 Mon Sep 17 00:00:00 2001 From: hasan Date: Wed, 7 Dec 2022 22:30:55 +0300 Subject: [PATCH 12/28] step7 --- 03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html | 3 ++- 03_Exercises/03_JavaScript/javascript-basics-01/step_07.js | 5 +++++ 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_07.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html index 05ff5834..b774f44f 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html @@ -8,7 +8,8 @@


- +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_07.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_07.js new file mode 100644 index 00000000..229f8560 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_07.js @@ -0,0 +1,5 @@ + function fxn(){ + var shoe_size = document.getElementById('shoe_size').value; + var year = document.getElementById('year').value; + var result = (shoe_size *2) +5 * 50 - year + 1766 ; + alert("the result is " +result); } \ No newline at end of file From 0a1deab387ee6f6feaf7a15ffdbfed3b7eee8489 Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 10:00:33 +0300 Subject: [PATCH 13/28] step8 --- .../03_JavaScript/javascript-basics-01/Step_8.html | 3 ++- .../03_JavaScript/javascript-basics-01/step_08.js | 8 ++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-01/step_08.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html b/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html index 75804e8b..2c7f3041 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html @@ -7,7 +7,8 @@

- +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_08.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_08.js new file mode 100644 index 00000000..b5535614 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_08.js @@ -0,0 +1,8 @@ +function numb() +{ + var num1 = document.getElementById("age").value; + if(num1 > 18){ + alert("you are over 18") } + else + alert("you are under 18") ; +} \ No newline at end of file From 7e674105909dd227f77a2f0e34d88bccbf040a1e Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 11:30:06 +0300 Subject: [PATCH 14/28] step1 --- .../03_JavaScript/javascript-basics-02/step 1/index.html | 4 ++-- .../03_JavaScript/javascript-basics-02/step 1/step1.js | 5 +++++ 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html index 593f1ac7..d9610f7a 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html @@ -5,7 +5,7 @@ Step 1 - - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js new file mode 100644 index 00000000..2e073579 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js @@ -0,0 +1,5 @@ +const image = document.querySelector("#image1"); + +function mouseover() { + document.getElementById("image1").src ="./images/image1_2.jpg"; +} \ No newline at end of file From fefc415bd49497b9e42837e61214ff98911f93f7 Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 12:39:28 +0300 Subject: [PATCH 15/28] step1 --- .../03_JavaScript/javascript-basics-02/step 1/index.html | 2 +- .../03_JavaScript/javascript-basics-02/step 1/step1.js | 8 ++++++-- .../03_JavaScript/javascript-basics-02/step 2/index.html | 2 ++ .../03_JavaScript/javascript-basics-02/step 2/step_2.js | 4 ++++ 4 files changed, 13 insertions(+), 3 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html index d9610f7a..4f90b994 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html @@ -5,7 +5,7 @@ Step 1 - + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js index 2e073579..95a1a782 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js @@ -1,5 +1,9 @@ -const image = document.querySelector("#image1"); +var image1 ; function mouseover() { - document.getElementById("image1").src ="./images/image1_2.jpg"; + image1 = document.querySelector('img').src ="./images/image1_2.jpg"; +} + +function mouseout() { + image1 = document.querySelector('img').src ="./images/image1.jpg"; } \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html index cf257909..4ea79318 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html @@ -8,5 +8,7 @@
+ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js new file mode 100644 index 00000000..285b1613 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js @@ -0,0 +1,4 @@ +var x = document.querySelector('input'); +x.onblur = function(){ + alert("Thank you for participating!") +} \ No newline at end of file From a2a002aa7f55b4580716ecb0ef405235340689c9 Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 13:17:15 +0300 Subject: [PATCH 16/28] step2 --- .../03_JavaScript/javascript-basics-02/step 2/index.html | 2 +- .../03_JavaScript/javascript-basics-02/step 2/step_2.js | 2 +- .../03_JavaScript/javascript-basics-02/step 3/index.html | 2 ++ .../03_JavaScript/javascript-basics-02/step 3/step_03.js | 7 +++++++ 4 files changed, 11 insertions(+), 2 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html index 4ea79318..9ec785a6 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html @@ -7,7 +7,7 @@
-
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js index 285b1613..d597784e 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js @@ -1,4 +1,4 @@ var x = document.querySelector('input'); x.onblur = function(){ - alert("Thank you for participating!") + alert("Thank you for participating!") } \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html index 308c0b89..79b14e4d 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html @@ -8,5 +8,7 @@
+
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js new file mode 100644 index 00000000..edb417d6 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js @@ -0,0 +1,7 @@ +let input = document.getElementById('name'); +let out = document.getElementById('out'); + +input.onkeyup = function() { + out.innerHTML = input.value; + } + From 75b001e3801e3f8f97894633aca085f71eb5c5fd Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 13:17:40 +0300 Subject: [PATCH 17/28] step3 --- .../03_JavaScript/javascript-basics-02/step 3/index.html | 2 +- .../03_JavaScript/javascript-basics-02/step 3/step_03.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html index 79b14e4d..2102764d 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html @@ -8,7 +8,7 @@
-
+
diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js index edb417d6..42f5b690 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_03.js @@ -2,6 +2,6 @@ let input = document.getElementById('name'); let out = document.getElementById('out'); input.onkeyup = function() { - out.innerHTML = input.value; + out.innerHTML = input.value; } From 5263b71842491835d45605d9a82bd292dd01daed Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 16:43:05 +0300 Subject: [PATCH 18/28] step4 --- .../javascript-basics-02/step 4/index.html | 3 ++- .../javascript-basics-02/step 4/step_04.js | 14 ++++++++++++++ 2 files changed, 16 insertions(+), 1 deletion(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 4/step_04.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html index f5086dfb..71b0c159 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html @@ -9,7 +9,8 @@ - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/step_04.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/step_04.js new file mode 100644 index 00000000..cb5d5d09 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/step_04.js @@ -0,0 +1,14 @@ + +let btnclear = document.querySelector('button') ; +let input = document.querySelectorAll('input'); + +function promptMe() { + var confirmAction = confirm("Are you sure to execute this action?"); + if (confirmAction) + btnclear.addEventListener('click' , () =>{ + input.forEach(input => input.value= '' ); + }); + else { + alert("Action canceled"); + } +} From 2c87eabbb40262c6862d25314f1d1b4976602445 Mon Sep 17 00:00:00 2001 From: hasan Date: Thu, 8 Dec 2022 23:40:29 +0300 Subject: [PATCH 19/28] step5 --- .../javascript-basics-02/step 1/step1.js | 4 ---- .../javascript-basics-02/step 5/index.html | 11 ++++++----- .../javascript-basics-02/step 5/step_05.js | 8 ++++++++ 3 files changed, 14 insertions(+), 9 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_05.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js index 95a1a782..cd8a8b31 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js @@ -3,7 +3,3 @@ var image1 ; function mouseover() { image1 = document.querySelector('img').src ="./images/image1_2.jpg"; } - -function mouseout() { - image1 = document.querySelector('img').src ="./images/image1.jpg"; -} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html index fe14eb95..a13e9c15 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html @@ -6,11 +6,12 @@
- - - - - + + + + +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_05.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_05.js new file mode 100644 index 00000000..689802d0 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_05.js @@ -0,0 +1,8 @@ + +function mouseover() { + image1 = document.querySelector('#image1').src = "images/image2.jpg"; + image2 = document.querySelector('#image2').src = "images/image3.jpg"; + image3 = document.querySelector('#image3').src = "images/image4.jpg"; + image4 = document.querySelector('#image4').src = "images/image5.jpg"; + image5 = document.querySelector('#image5').src = "images/image1.jpg"; +} From 545d8db723c322c293dd6713aa6ee2d88611298e Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 00:00:48 +0300 Subject: [PATCH 20/28] step5 --- .../javascript-basics-02/step 1/index.html | 2 +- .../javascript-basics-02/step 6/index.html | 13 +++++++------ .../javascript-basics-02/step 6/step_06.js | 8 ++++++++ 3 files changed, 16 insertions(+), 7 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-02/step 6/step_06.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html index 4f90b994..05304be7 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html @@ -5,7 +5,7 @@ Step 1 - + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html index 2eecf4f9..44303828 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html @@ -5,10 +5,11 @@ Step 6 - - - - - - + + + + + + > + > diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/step_06.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/step_06.js new file mode 100644 index 00000000..e86a12f7 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/step_06.js @@ -0,0 +1,8 @@ + +function mouseout() { + image1 = document.querySelector('#image1').src = "images/image2.jpg"; + image2 = document.querySelector('#image2').src = "images/image3.jpg"; + image3 = document.querySelector('#image3').src = "images/image4.jpg"; + image4 = document.querySelector('#image4').src = "images/image5.jpg"; + image5 = document.querySelector('#image5').src = "images/image1.jpg"; +} From 2a788bbfbd7436108217fb50804318ff58c66d27 Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 00:50:46 +0300 Subject: [PATCH 21/28] error --- .../03_JavaScript/javascript-basics-02/step 6/index.html | 6 +++--- .../03_JavaScript/javascript-basics-03/step 1/index.html | 1 + .../03_JavaScript/javascript-basics-03/step 1/step01.js | 5 +++++ .../03_JavaScript/javascript-basics-03/step 2/step02.js | 0 .../03_JavaScript/javascript-basics-03/step 3/step03.js | 0 .../03_JavaScript/javascript-basics-03/step 4/step04.js | 0 6 files changed, 9 insertions(+), 3 deletions(-) create mode 100644 03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js create mode 100644 03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js create mode 100644 03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js create mode 100644 03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html index 44303828..d2fdcadb 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html @@ -5,9 +5,9 @@ Step 6 - - - + + + > diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html index eb4909df..43d37c3f 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html @@ -7,4 +7,5 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js new file mode 100644 index 00000000..003ea4b5 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js @@ -0,0 +1,5 @@ +var img = document.getElementById('image1') + +img.addEventListener('mouseover', function () { + img.style = 'border: 3px solid red'; + }); diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js new file mode 100644 index 00000000..e69de29b diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js new file mode 100644 index 00000000..e69de29b diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js new file mode 100644 index 00000000..e69de29b From b8c25d5785e5c77fd1e77c54e3903058529e7a50 Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 00:51:52 +0300 Subject: [PATCH 22/28] step1 --- .../03_JavaScript/javascript-basics-03/step 1/index.html | 2 +- .../03_JavaScript/javascript-basics-03/step 1/step01.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html index 43d37c3f..dbc55226 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html @@ -7,5 +7,5 @@ - + diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js index 003ea4b5..a8475e50 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step01.js @@ -1,5 +1,5 @@ var img = document.getElementById('image1') img.addEventListener('mouseover', function () { - img.style = 'border: 3px solid red'; + img.style = 'border: 3px solid red'; }); From b11cb0581423270545411f66e1fd2f94cab6f53f Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 01:33:09 +0300 Subject: [PATCH 23/28] step2 --- .../javascript-basics-03/step 2/index.html | 1 + .../javascript-basics-03/step 2/step02.js | 14 ++++++++++++++ 2 files changed, 15 insertions(+) diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html index aeff7fa1..e84af1e6 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html @@ -11,4 +11,5 @@

Joseph Dacre Carlyle (Carlisle, 4 juin 1758 - Newcastle upon Tyne, 12 avril 1804) est un orientaliste anglais.Après ses études à l'université de Cambridge, il y devint professeur d'arabe. En 1799, il fut attaché par le gouvernement britannique à l'ambassade de Lord Elgin dans l'Empire ottoman. Il était chargé d'explorer les bibliothèques de la région (principalement celle du Sérail) pour y découvrir (et y acquérir) des manuscrits inédits de textes antiques. Il se rendit aussi en Égypte, en Terre sainte et au mont Athos. Sa mission fut, de son point de vue, un échec. Il acheta quelques centaines d'ouvrages, principalement dans les bazars de Constantinople, mais aucun ne contenait de texte inédit. Cependant, la façon dont certains manuscrits avaient été acquis, principalement ceux du patriarche de Jérusalem Anthème Ier, ainsi que la querelle entamée sur la plaine de Troie entre Carlyle et un autre professeur de Cambridge, Edward Daniel Clarke, allaient être utilisées, après la mort de Carlyle, contre Lord Elgin, dans les controverses autour de l'acquisition des « marbres d'Elgin ».De retour en Grande-Bretagne à l'automne 1801, Joseph Dacre Carlyle entama une traduction en arabe de la Bible. Sa mort en avril 1804 coupa court à ce travail.

+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js index e69de29b..38f7abe5 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js @@ -0,0 +1,14 @@ + + +var sh = document.getElementById('show') +var hd = document.getElementById('hide') +var a = document.querySelectorAll('a') +var texts = document.getElementById('texte') + +sh.addEventListener("click", function(){ + if (sh.clicked == true){ + texts.style.display='block'; + } if(hd.clicked == true) { + texts.style.display='none'; + } +}); \ No newline at end of file From 3129cd21ceb88dbc2f68815ba1534ab752c3b53b Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 01:39:07 +0300 Subject: [PATCH 24/28] step2 --- .../03_JavaScript/javascript-basics-03/step 2/step02.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js index 38f7abe5..b7b1a290 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js @@ -2,13 +2,12 @@ var sh = document.getElementById('show') var hd = document.getElementById('hide') -var a = document.querySelectorAll('a') -var texts = document.getElementById('texte') +var p = document.querySelector("#texte p"); sh.addEventListener("click", function(){ if (sh.clicked == true){ - texts.style.display='block'; + p.style.display='block'; } if(hd.clicked == true) { - texts.style.display='none'; + p.style.display='none'; } }); \ No newline at end of file From 8d8110e5140eed0b9b0f8bee598f0f35a42693dd Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 01:55:28 +0300 Subject: [PATCH 25/28] step3 --- .../javascript-basics-03/step 3/index.html | 7 ++++--- .../javascript-basics-03/step 3/step03.js | 10 ++++++++++ 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html index 0db3888c..b6338237 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html @@ -10,9 +10,10 @@

Tara, originellement nommée Antarctica puis Seamaster, est une goélette française destinée à la fois à l'exploration et à la défense de l'environnement. Dans le cadre de l'Année polaire internationale, en 2007-2008, ce voilier est utilisé en Arctique par l'expédition Tara Arctic dans le but de faire des relevés permettant de mieux comprendre les changements climatiques qui s'opèrent en Arctique. En 2009, dans le cadre de l'expédition Tara Oceans, Tara parcourt les mers et les océans dans une circumnavigation de trois ans afin d'étudier le piégeage des molécules de gaz carbonique (CO2) par les micro-organismes marins comme le plancton. En avril 2016, une nouvelle expédition est montée Tara Pacific dont l'objectif est de comprendre le corail, menacé par des facteurs humains et climatiques1.

-
-
-
+
+
+
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js index e69de29b..b03f36d1 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step03.js @@ -0,0 +1,10 @@ +var texts=document.getElementById('text'); + + function G() { + document.getElementById("text").style.color = "green";} + + function R() { + document.getElementById("text").style.color = "red"; } + + function B () { + document.getElementById("text").style.color = "blue"; } \ No newline at end of file From 5d7fab38a9ef79c6af92d8adf300eaefd5479520 Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 02:01:22 +0300 Subject: [PATCH 26/28] step4 --- .../javascript-basics-03/step 4/index.html | 3 ++- .../javascript-basics-03/step 4/step04.js | 12 ++++++++++++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html index cab276b0..d4baeb92 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html @@ -8,7 +8,8 @@
- +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js index e69de29b..235f4615 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js @@ -0,0 +1,12 @@ +var ps =document.getElementById('password'); +var cf =document.getElementById('confirmation'); + +function click(){ + if(ps.value==cf.value){ + alert("Your answer is correct"); + } + else{ + ps.style ='border:1px solid red'; + cf.style ='border:1px solid red'; + } +} \ No newline at end of file From d307c2e6974b1f94b039f68724b91a8b698c7abf Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 10:29:11 +0300 Subject: [PATCH 27/28] step2-final ans --- .../javascript-basics-03/step 2/index.html | 4 ++-- .../javascript-basics-03/step 2/step02.js | 21 +++++++------------ ad | 8 +++++++ 3 files changed, 18 insertions(+), 15 deletions(-) create mode 100644 ad diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html index e84af1e6..b2e50d0f 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html @@ -5,8 +5,8 @@ Step 2 -Show -Hide +Show + Hide

Joseph Dacre Carlyle (Carlisle, 4 juin 1758 - Newcastle upon Tyne, 12 avril 1804) est un orientaliste anglais.Après ses études à l'université de Cambridge, il y devint professeur d'arabe. En 1799, il fut attaché par le gouvernement britannique à l'ambassade de Lord Elgin dans l'Empire ottoman. Il était chargé d'explorer les bibliothèques de la région (principalement celle du Sérail) pour y découvrir (et y acquérir) des manuscrits inédits de textes antiques. Il se rendit aussi en Égypte, en Terre sainte et au mont Athos. Sa mission fut, de son point de vue, un échec. Il acheta quelques centaines d'ouvrages, principalement dans les bazars de Constantinople, mais aucun ne contenait de texte inédit. Cependant, la façon dont certains manuscrits avaient été acquis, principalement ceux du patriarche de Jérusalem Anthème Ier, ainsi que la querelle entamée sur la plaine de Troie entre Carlyle et un autre professeur de Cambridge, Edward Daniel Clarke, allaient être utilisées, après la mort de Carlyle, contre Lord Elgin, dans les controverses autour de l'acquisition des « marbres d'Elgin ».De retour en Grande-Bretagne à l'automne 1801, Joseph Dacre Carlyle entama une traduction en arabe de la Bible. Sa mort en avril 1804 coupa court à ce travail.

diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js index b7b1a290..3cb3427d 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step02.js @@ -1,13 +1,8 @@ - - -var sh = document.getElementById('show') -var hd = document.getElementById('hide') -var p = document.querySelector("#texte p"); - -sh.addEventListener("click", function(){ - if (sh.clicked == true){ - p.style.display='block'; - } if(hd.clicked == true) { - p.style.display='none'; - } -}); \ No newline at end of file +function showhide(x){ + if(x==0) + { + document.querySelector('p').style.display = "block" + }else if (x==1) { + document.querySelector('p').style.display = "none" + } +} \ No newline at end of file diff --git a/ad b/ad new file mode 100644 index 00000000..7ad3fa15 --- /dev/null +++ b/ad @@ -0,0 +1,8 @@ + cv-styling1 + cv-styling2 + cv_styling1 + javascript-03 + js_bs02 +* js_bs03 + js_bs04 + master From 901cf68b148cd7b5ade94258eae8bfaa7a55e1cc Mon Sep 17 00:00:00 2001 From: hasan Date: Fri, 9 Dec 2022 16:22:03 +0300 Subject: [PATCH 28/28] step4 --- .../javascript-basics-03/step 4/index.html | 6 +++--- .../javascript-basics-03/step 4/step04.js | 16 +++++++++------- 2 files changed, 12 insertions(+), 10 deletions(-) diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html index d4baeb92..b5db8dd3 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html @@ -8,8 +8,8 @@
- +
+ - - + \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js index 235f4615..ec200e39 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step04.js @@ -1,12 +1,14 @@ -var ps =document.getElementById('password'); -var cf =document.getElementById('confirmation'); +var pass =document.getElementById('password'); +var conf =document.getElementById('confirmation'); -function click(){ - if(ps.value==cf.value){ - alert("Your answer is correct"); +function Test(){ + if(pass.value==conf.value){ + alert("correct"); } else{ - ps.style ='border:1px solid red'; - cf.style ='border:1px solid red'; + conf.style ='border:1px solid red'; + pass.style='border:1px solid red'; + } + } \ No newline at end of file