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..3be8d69a 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html @@ -3,7 +3,9 @@ Step 1 + + 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..f907ff07 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html @@ -3,7 +3,9 @@ Step 2 + + 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..1fed1f3c 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html @@ -3,6 +3,7 @@ Step 3 + 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..5980388d 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html @@ -3,13 +3,14 @@ Step 4 +
- +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.js b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.js new file mode 100644 index 00000000..b66adfec --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.js @@ -0,0 +1,10 @@ +alert("enter your name, surname and city") +function info(){ + var num1 , num2 , sum ; + name1 = parseInt(document.getElementById("name").value); + surname= parseInt(document.getElementById("surname").value); + city= parseInt(document.getElementById("city").value); + + +alert("name:"+name1+"\n"+"surname:"+surname+"\n"+"city:"+city ); +} \ No newline at end of file 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..af7d4971 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html @@ -3,12 +3,13 @@ Step 5 +


- +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.js b/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.js new file mode 100644 index 00000000..9c8396cc --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.js @@ -0,0 +1,8 @@ +function add(){ +var num1 , num2 , sum ; +num1 = parseInt(document.getElementById("first_number").value); +num2 = parseInt(document.getElementById("second_number").value); +sum = num1 + num2; + +alert("the sum of to number is :"+sum) +} \ No newline at end of file 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..6ea291e6 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html @@ -3,12 +3,13 @@ Step 6 +


- +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.js b/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.js new file mode 100644 index 00000000..9a99898c --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.js @@ -0,0 +1,8 @@ +function rem(){ + var num1 , num2 , reminder; + num1 = parseInt(document.getElementById("first_number").value); + num2 = parseInt(document.getElementById("second_number").value); + reminder= num1%num2; + + alert("the reminder of division ="+reminder) + } \ No newline at end of file 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..72ff7ce9 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html @@ -3,12 +3,13 @@ Step 7 +


- +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.js b/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.js new file mode 100644 index 00000000..14ec65cb --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.js @@ -0,0 +1,13 @@ +alert("What is your shoe size and your birthday day") +function result1(){ + var shoe_size , year , result; + shoe_size= parseInt(document.getElementById("shoe_size").value); + year = parseInt(document.getElementById("year").value); + shoe_size = shoe_size*2 ; + shoe_size = shoe_size + 5 ; + shoe_size = shoe_size * 50 ; + result = shoe_size - year ; + result = result + 1766 + + alert("the reminder of division ="+result); + } \ No newline at end of file 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..97e8eabe 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html @@ -3,11 +3,12 @@ Step 8 +

- +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.js b/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.js new file mode 100644 index 00000000..60d0ded4 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.js @@ -0,0 +1,13 @@ +alert("enter your name") +function age1(){ + var age ; + num1 = parseInt(document.getElementById("age").value); + + if(age => 18){ + alert("your age is under 18"); + + + }else { + alert("your age is over 18"); + } +} 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..c63bc1ce --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_1.js @@ -0,0 +1,3 @@ + +var a="Mahmoud" ; +alert(a); diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js new file mode 100644 index 00000000..a0f6e92b --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_2.js @@ -0,0 +1,5 @@ +var name1="Mahmoud"; +var surname="Chamas"; +var city="Beirut"; +alert("name:"+name1+"\n"+"surname:"+surname+"\n"+"city:"+city ) + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_3 copy.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_3 copy.js new file mode 100644 index 00000000..8cf118ab --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_3 copy.js @@ -0,0 +1,7 @@ +let person = prompt("enter your name"); +let text ; +if(person==null || person ==""){ + text="user cancelled the prompt."; +}else{ + window.alert("hello"+" "+person); +} diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step_3.js b/03_Exercises/03_JavaScript/javascript-basics-01/step_3.js new file mode 100644 index 00000000..8cf118ab --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step_3.js @@ -0,0 +1,7 @@ +let person = prompt("enter your name"); +let text ; +if(person==null || person ==""){ + text="user cancelled the prompt."; +}else{ + window.alert("hello"+" "+person); +} diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/.vscode/settings.json b/03_Exercises/03_JavaScript/javascript-basics-02/.vscode/settings.json new file mode 100644 index 00000000..6b665aaa --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} 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..d8ac5a86 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/Step_1.js @@ -0,0 +1,5 @@ +var image = document.querySelector("#image1"); +image.addEventListener('mouseover', function(){ + image.src="./images/image1_2.jpg" + +}) \ No newline at end of file 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..c1a7fda7 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 @@ -3,8 +3,13 @@ Step 1 + + + + + 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..159279f1 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/Step_2.js @@ -0,0 +1,3 @@ +function myfunction() { + alert("thankyou for participation"); +} 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..14012d1d 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 @@ -1,12 +1,20 @@ - - - Step 2 - - -
- -
- + + + Step 2 + + + +
+ +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/Style_3.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/Style_3.js new file mode 100644 index 00000000..1387fe97 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/Style_3.js @@ -0,0 +1,6 @@ +function target1(){ + var x= document.getElementById("name").value; + document.getElementById("target").innerHTML= x; + + +} \ 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..ca3ea203 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 @@ -3,10 +3,14 @@ Step 3 +
- +

this is a target

+ +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/Style_4.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/Style_4.js new file mode 100644 index 00000000..e0a85223 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/Style_4.js @@ -0,0 +1,11 @@ +function test1() { + var val = confirm("you are going to reset the form"); + if (val == true) { + document.getElementById("name").value = null; + document.getElementById("surname").value = ""; + document.getElementById("city").value = ""; + } else { + alert("no "); + return 0; + } +} 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..f0d5b0df 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 @@ -1,15 +1,19 @@ - - - Step 4 - - -
- - - - -
- + + + Step 4 + + + +
+ + + + +
+ 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..43b07b94 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 @@ -3,14 +3,15 @@ Step 5 +
- - - - - + + + + +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_5.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_5.js new file mode 100644 index 00000000..b3fe62ac --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step_5.js @@ -0,0 +1,37 @@ +function changeImage(){ + const image1 = document.querySelector("#image1"); + + image1.addEventListener('mouseover', function (){ + image1.src="images/image1_2.jpg" + + }) + + const image2 = document.querySelector("#image2") + + image2.addEventListener('mouseover', function (){ + image2.src="images/image2_2.jpg" + + }) + const image3 = document.querySelector("#image3"); + + image3.addEventListener('mouseover', function (){ + image3.src="images/image3_2.jpg" + }) + + const image4 = document.querySelector("#image4"); + + image4.addEventListener('mouseover', function (){ + image4.src="images/image4_2.jpg" + + }) + + const image5 = document.querySelector("#image5"); + + image5.addEventListener('mouseover', function (){ + image5.src="images/image5_2.jpg" + + }) + + + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/Step_1.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/Step_1.js new file mode 100644 index 00000000..759087dd --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/Step_1.js @@ -0,0 +1,10 @@ + +let img1 = document.querySelector("#image1"); +image1.addEventListener('mouseover', function (){ + image1.style.border = "3px red solid "; + +}) + + + + \ No newline at end of file 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..6e1136e0 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 @@ -3,8 +3,10 @@ Step 1 + - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/Step_2.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/Step_2.js new file mode 100644 index 00000000..e6332100 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/Step_2.js @@ -0,0 +1,8 @@ +function visibl(id){ + var e = document.getElementById(id); + if(e.style.display == "show"){ + e.style.display = 'block'; + }else if(e.style.display == "hide") + e.style.display = 'hide'; + } + 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..b2e2def3 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,10 +5,11 @@ 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 3/Style_3.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/Style_3.js new file mode 100644 index 00000000..417c6dd6 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/Style_3.js @@ -0,0 +1,17 @@ +var a = document.querySelector('.green'); +var b = document.querySelector('.red'); +var c = document.querySelector('.blue'); +function clicks() { + + a.addEventListener("click", () => { + + document.querySelector("p").style.color = "green"; + }) + + b.addEventListener("click", () => { + document.querySelector("p").style.color = "red"; + }) + c.addEventListener("click", () => { + document.querySelector("p").style.color = "blue"; + }) +} \ No newline at end of file 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..b5c8bd72 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 @@ -4,15 +4,17 @@ Step 3 +

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 4/Step_4.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/Step_4.js new file mode 100644 index 00000000..5df97a2e --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/Step_4.js @@ -0,0 +1,14 @@ +var pass = document.querySelector('#password'); +var conf = document.querySelector('#confirmation'); + +function clicks() { + + if(pass !== conf){ + pass.style.border = "3px red solid"; + conf.style.border = "3px red solid "; + } else{ + pass.style.border = "unset"; + conf.style.border = "unset"; + } +} + 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..a39c3162 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 @@ -3,12 +3,13 @@ Step 4 +
- +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-04-tdd/questions.js b/03_Exercises/03_JavaScript/javascript-basics-04-tdd/questions.js index d56a923d..bb9718c0 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-04-tdd/questions.js +++ b/03_Exercises/03_JavaScript/javascript-basics-04-tdd/questions.js @@ -1,101 +1,137 @@ const stringSize = (text) => { + return text.length + } const replaceCharacterE = (text) => { - + + return text.replace("e", " "); + + } const concatString = (text1, text2) => { + return text1 + text2; } const showChar5 = (text) => { + return text.charAt(4, 5);return text.charAt(4, 5); } const showChar9 = (text) => { - + return text.charAt(0,9); } const toCapitals = (text) => { - + return text.toUpperCase(); } const toLowerCase = (text) => { + return text.toLowerCase(); } const removeSpaces = (text) => { - + return text.trim(); } const IsString = (text) => { + return (text.IsString = true); } const getExtension = (text) => { + return text.split(".").pop(); } const countSpaces = (text) => { - + return text.split(" ").length - 1; } const InverseString = (text) => { - + return text + .split("") + .reverse() + .join(""); + } const power = (x, y) => { + return Math.pow(x, y); } const absoluteValue = (num) => { + return Math.abs(num); } const absoluteValueArray = (array) => { + return array.map(Math.abs); } const circleSurface = (radius) => { } const hypothenuse = (ab, ac) => { + return Math.hypot(ab, ac); } const BMI = (weight, height) => { + return parseFloat((weight / (height * height)).toFixed(2)); } const createLanguagesArray = () => { + const languages = ["Html", "CSS", "Java", "PHP"]; + return languages; } const createNumbersArray = () => { - + const numbers = [0, 1, 2, 3, 4, 5]; + return numbers; } const replaceElement = (languages) => { + languages[2] = "Javascript"; + return languages; } const addElement = (languages) => { + languages.push("Ruby", "Python"); + return languages; } const addNumberElement = (numbers) => { + numbers.unshift(-2, -1); + return numbers; } const removeFirst = (languages) => { + languages.shift(); + return languages; } const removeLast = (languages) => { - + languages.pop(); + return languages; } const convertStrToArr = (social_arr) => { + const tableau = social_arr.split(","); + return tableau; } const convertArrToStr = (languages) => { - + const str = languages.join(); + return str; } const sortArr = (social_arr) => { - + social_arr.sort(); + return social_arr; } const invertArr = (social_arr) => { - +social_arr.reverse(); +return social_arr ; } \ No newline at end of file