Skip to content

Basic4 #62

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Rim-z wants to merge 19 commits into
base: master
Choose a base branch
from
Open

Basic4 #62

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
1a18774
Style 1
Rim-z Dec 6, 2022
22b36f5
Style 2
Rim-z Dec 6, 2022
fa66de3
touched the Html style 2
Rim-z Dec 6, 2022
dca15e2
first commit
Rim-z Dec 7, 2022
2037b72
third commit
Rim-z Dec 7, 2022
f629120
step 5
Rim-z Dec 8, 2022
3c62ed8
step-8
Rim-z Dec 8, 2022
7a59cf8
step1
Rim-z Dec 8, 2022
5b34b65
step_4
Rim-z Dec 9, 2022
a6b43c4
step 5
Rim-z Dec 9, 2022
79eed2d
step 5
Rim-z Dec 9, 2022
bba2570
step-6
Rim-z Dec 9, 2022
199a119
js2
Rim-z Dec 9, 2022
9a154ed
step 1
Rim-z Dec 9, 2022
83d41f7
step 1
Rim-z Dec 9, 2022
9ff0378
step 2
Rim-z Dec 9, 2022
b38417c
finish javascript03
Rim-z Dec 9, 2022
591e512
Step-4
Rim-z Dec 9, 2022
ea57ec3
basic4
Rim-z Dec 9, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions 03_Exercises/03_JavaScript/.vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
9 changes: 0 additions & 9 deletions 03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html
View file
Open in desktop

This file was deleted.

9 changes: 0 additions & 9 deletions 03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html
View file
Open in desktop

This file was deleted.

9 changes: 0 additions & 9 deletions 03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html
View file
Open in desktop

This file was deleted.

15 changes: 0 additions & 15 deletions 03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html
View file
Open in desktop

This file was deleted.

14 changes: 0 additions & 14 deletions 03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html
View file
Open in desktop

This file was deleted.

14 changes: 0 additions & 14 deletions 03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html
View file
Open in desktop

This file was deleted.

13 changes: 13 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step1/Step_1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>Step 1</title>
<meta charset="UTF-8" />
</head>
<body>
<script>
var x = "name";
alert(x);
</script>
</body>
</html>
2 changes: 2 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step1/step1.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
var x = "name";
alert(x);
10 changes: 10 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step2/Step_2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Step 2</title>
<meta charset="UTF-8" />
</head>
<body>
<script src="step2.js"></script>
</body>
</html>
4 changes: 4 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step2/step2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
var x = "name";
var y = "surname";
var w = "city";
alert(x + ":Doe \n" + y + ":John \n" + w + ":New york");
10 changes: 10 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step3/Step_3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Step 3</title>
<meta charset="UTF-8" />
</head>
<body>
<script src="step_3.js"></script>
</body>
</html>
3 changes: 3 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step3/step_3.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
var firstName= prompt("what is your name?");

alert ("Hello! " + firstName);
19 changes: 19 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step4/Step_4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Step 4</title>
<meta charset="UTF-8" />
</head>
<body>
<form>
<label for="name">name : </label
><input type="text" name="name" id="name" />
<label for="surname">surname : </label
><input type="text" name="surname" id="surname" />
<label for="city">city : </label
><input type="text" name="city" id="city" />
<button name="validate" id="validate" onclick="human()">Validate</button>
</form>
<script src="step_4.js"></script>
</body>
</html>
8 changes: 8 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step4/step_4.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
function human() {
var name = document.getElementById("name").value;
var surname = document.getElementById("surname").value;
var city = document.getElementById("city").value ;


alert(name +'\n' + surname +'\n' + city );
}
24 changes: 24 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step5/Step_5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Step 5</title>
<meta charset="UTF-8" />
<script src="Step_5.js"></script>
</head>
<body>
<form>
<label for="first_number">first number : </label
><input type="text" id="first_number" name="first_number" /><br />
<label for="second_number">second number : </label
><input type="text" id="second_number" name="second_number" /><br />
<button
id="validate"
name="validate"
onClick="multiplyBy()"
value="Multiply"
>
validate
</button>
</form>
</body>
</html>
6 changes: 6 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step5/Step_5.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
function multiplyBy() {
var num1 = Number(document.getElementById("first_number").value);
var num2 = Number(document.getElementById("second_number").value);
var x = (document.getElementById("validate").innerHTML = num1 * num2);
alert(x);
}
17 changes: 17 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step6/Step_6.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Step 6</title>
<meta charset="UTF-8" />
<script src="step_6.js"></script>
</head>
<body>
<form>
<label for="first_number">first number : </label
><input type="text" id="first_number" name="first_number" /><br />
<label for="second_number">second number : </label
><input type="text" id="second_number" name="second_number" /><br />
<button id="validate" name="validate" onclick="divide()">validate</button>
</form>
</body>
</html>
5 changes: 5 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step6/step_6.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
function divide() {
var num1 = document.getElementById("first_number").value;
var num2 = document.getElementById("second_number").value;
alert(num1 % num2);
}
3 changes: 2 additions & 1 deletion ...vaScript/javascript-basics-01/Step_7.html → ...pt/javascript-basics-01/step7/Step_7.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,8 @@
<form>
<label for="shoe_size">shoe size : </label><input type="text" id="shoe_size" name="shoe_size"/><br/>
<label for="year">Birth year : </label><input type="text" id="year" name="year"/><br/>
<button id="validate" name="validate">validate</button>
<button onclick="myFunc()" id="validate" name="validate">validate</button>
</form>
<script src="step_7.js"></script>
</body>
</html>
10 changes: 10 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step7/step_7.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
function myFunc(){
var x=document.getElementById("shoe_size").value
var y=document.getElementById("year").value
var w= x *2;
w=(w+5)*50;
var result=(w-y)+1766;
alert(result);


}
2 changes: 2 additions & 0 deletions ...vaScript/javascript-basics-01/Step_8.html → ...pt/javascript-basics-01/step8/Step_8.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,7 @@
<label for="age">your age : </label><input type="text" id="age" name="age"/><br/>
<button id="validate" name="validate">validate</button>
</form>
<script src="step_8.js"></script>
</body>
</html>

7 changes: 7 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step8/step_8.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
var btn = document.getElementById("validate").onclick = function(){
var age = document.getElementById("age").value;
if(age > 18)
alert("you are above 18");
else
alert("you are under 18");
}
3 changes: 3 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-02/.vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
2 changes: 1 addition & 1 deletion 03_Exercises/03_JavaScript/javascript-basics-02/readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@

## Step 1

1. Target the image (use `querySelector`)
81. Target the image (use `querySelector`)
2. Add an event listener to it (use `onMouseOver` or `addEventListener`)
3. Change the image when the mouse is over it
4. Commit
Expand Down
6 changes: 4 additions & 2 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8" />
<title>Step 1</title>
</head>
<body>
<img src="images/image1.jpg" id="image1" />
<img src="images/image1.jpg" id="image1" onmouseover="change()" />

<script src="step1.js"></script>
</body>
</html>
3 changes: 3 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
function change() {
document.querySelector("img").src = "images/image1_2.jpg";
}
3 changes: 2 additions & 1 deletion 03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
</head>
<body>
<form>
<label for="name">Your name : </label><input type="text" name="name" value="" id="name"/>
<label for="name">Your name : </label><input type="text" name="name" value="" id="name" onblur="myFunction()"/>
</form>
<script src="step_2.js"></script>
</body>
</html>
3 changes: 3 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 2/step_2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
function myFunction() {
alert("fgxdfxdfxf");
}
7 changes: 6 additions & 1 deletion 03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,12 @@
</head>
<body>
<form>
<label for="name">Your name : </label><input type="text" name="name" value="" id="name"/>
<label for="name">Your name : </label><input type="text" name="name" value="" id="name" onchange="myFunction()"/>
</form>
<div>

</div>
<script src="step_3.js"></script>
</body>

</html>
4 changes: 4 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 3/step_3.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
function myFunction() {
var a = document.querySelector("input").value;
document.querySelector("div").innerHTML = a;
}
35 changes: 23 additions & 12 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Step 4</title>
</head>
<body>
<form>
<label for="name">Your name : </label><input type="text" name="name" value="Doe" id="name" />
<label for="surname">Your surname : </label><input type="text" name="surname" value="John" id="surname" />
<label for="city">Your city : </label><input type="text" name="city" value="New York" id="city" />
<button type="button" name="button">Reset</button>
</form>
</body>
<head>
<meta charset="utf-8" />
<title>Step 4</title>
</head>
<body>
<form >
<label for="name">Your name : </label
><input type="text" name="name" value="Doe" id="name" />
<label for="surname">Your surname : </label
><input type="text" name="surname" value="John" id="surname" />
<label for="city">Your city : </label
><input type="text" name="city" value="New York" id="city" />
<button
type="button"
name="button"
onclick="myFunction()"
value="Reset form"
>
Reset
</button>
</form>
</body>
<script src="step_4.js"></script>
</html>
8 changes: 8 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 4/step_4.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
function myFunction() {
var x = confirm("do you want to clear the form");
if (x) {
document.getElementById("name").value = "";
document.getElementById("surname").value = "";
document.getElementById("city").value = "";
}
}
16 changes: 0 additions & 16 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html
View file
Open in desktop

This file was deleted.

14 changes: 0 additions & 14 deletions 03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html
View file
Open in desktop

This file was deleted.

0 ...script-basics-02/step 5/images/image1.jpg → ...script-basics-02/step-5/images/image1.jpg
View file
Open in desktop
File renamed without changes
0 ...ript-basics-02/step 5/images/image1_2.jpg → ...ript-basics-02/step-5/images/image1_2.jpg
View file
Open in desktop
File renamed without changes
0 ...script-basics-02/step 5/images/image2.jpg → ...script-basics-02/step-5/images/image2.jpg
View file
Open in desktop
File renamed without changes
0 ...ript-basics-02/step 5/images/image2_2.jpg → ...ript-basics-02/step-5/images/image2_2.jpg
View file
Open in desktop
File renamed without changes
0 ...script-basics-02/step 5/images/image3.jpg → ...script-basics-02/step-5/images/image3.jpg
View file
Open in desktop
File renamed without changes
0 ...ript-basics-02/step 5/images/image3_2.jpg → ...ript-basics-02/step-5/images/image3_2.jpg
View file
Open in desktop
File renamed without changes
0 ...script-basics-02/step 5/images/image4.jpg → ...script-basics-02/step-5/images/image4.jpg
View file
Open in desktop
File renamed without changes
0 ...ript-basics-02/step 5/images/image4_2.jpg → ...ript-basics-02/step-5/images/image4_2.jpg
View file
Open in desktop
File renamed without changes
0 ...script-basics-02/step 5/images/image5.jpg → ...script-basics-02/step-5/images/image5.jpg
View file
Open in desktop
File renamed without changes
0 ...ript-basics-02/step 5/images/image5_2.jpg → ...ript-basics-02/step-5/images/image5_2.jpg
View file
Open in desktop
File renamed without changes
Loading