Skip to content

Commit 6faa962

Browse files
KASRA10KASRA10
committed
Add Zero Calculator Project with it's basic assets
1 parent 9713feb commit 6faa962

File tree

8 files changed

+186
-9
lines changed

8 files changed

+186
-9
lines changed

‎Mini ToDoList App Page/.vscode/settings.json‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
{
2-
"liveServer.settings.port": 5501
2+
"liveServer.settings.port": 5501,
3+
"javascript.validate.enable": true,
4+
"eslint.enable": true
35
}

‎Mini ToDoList App Page/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ <h1>Simple JS To Do List For You</h1>
5353
<hr />
5454
<div class="form-area">
5555
<input type="text" placeholder="New Task..." id="input" />
56-
<button id="button"><a href="#" class="button">Test Button</a></button>
56+
<button id="button"><a href="#" class="button">Add Task</a></button>
5757
</div>
5858
<ol type="1" id="to-do-list"></ol>
5959
</div>

‎README.md‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,8 @@ JavaScript (JS) is a high-level, dynamic programming language that powers the in
2323

2424
The **Document Object Model (DOM)** is a programming interface for HTML and XML documents. It represents the page so that programs can change the document structure, style, and content. JavaScript interacts with the DOM to dynamically update the UI without reloading the page.
2525

26-
Example:
26+
Example:
27+
2728
```js
2829
document.querySelector("#button").addEventListener("click", () => {
2930
alert("Button clicked!");
@@ -42,10 +43,12 @@ Mini projects are small, focused applications that help you practice specific Ja
4243
- Creating a portfolio of practical work
4344

4445
Examples include:
46+
4547
- To-do lists
4648
- Calculators
4749
- Form validators
4850
- Interactive games
51+
- And So Forth . . .
4952

5053
---
5154

@@ -70,12 +73,12 @@ To contribute a new mini project:
7073

7174
A **JavaScript engine** is the program that executes JS code. Every browser has its own engine:
7275

73-
| Browser | JS Engine |
74-
|--------------|---------------|
75-
| Chrome | V8 |
76-
| Firefox | SpiderMonkey |
77-
| Safari | JavaScriptCore|
78-
| Edge | Chakra (legacy) / V8 (current) |
76+
| Browser | JS Engine |
77+
| ------- | ------------------------------ |
78+
| Chrome | V8 |
79+
| Firefox | SpiderMonkey |
80+
| Safari | JavaScriptCore |
81+
| Edge | Chakra (legacy) / V8 (current) |
7982

8083
These engines parse, compile, and run your JS code efficiently.
8184

@@ -86,6 +89,7 @@ These engines parse, compile, and run your JS code efficiently.
8689
Feel free to contribute and help grow this repository! Whether you're fixing bugs, adding new projects, or improving documentation—**your input is valued**.
8790

8891
### How to Contribute:
92+
8993
- Fork the repo
9094
- Create a new branch
9195
- Add your project or improvements

‎Zero Calculator/css/responsive.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
@media (max-width: 480px) {
2+
h1 {
3+
font-size: 2rem;
4+
}
5+
6+
h2 {
7+
font-size: 1.75rem;
8+
}
9+
10+
h3 {
11+
font-size: 1.5rem;
12+
}
13+
14+
h4 {
15+
font-size: 1.25rem;
16+
}
17+
18+
h5 {
19+
font-size: 1rem;
20+
}
21+
22+
h6 {
23+
font-size: 0.875rem;
24+
}
25+
26+
p {
27+
font-size: 0.9375rem;
28+
}
29+
}

‎Zero Calculator/css/style.css‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
/* Font And Colors */
2+
.mandali-regular {
3+
font-family: "Mandali", sans-serif;
4+
font-weight: 400;
5+
font-style: normal;
6+
}
7+
8+
:root {
9+
--primary-color: blue;
10+
--secondary-color: red;
11+
}
12+
/* End Font And Colors */
13+
14+
/* Reset CSS */
15+
.html {
16+
scroll-behavior: smooth;
17+
}
18+
19+
* {
20+
line-height: 1.8em;
21+
padding: 0;
22+
margin: 0;
23+
border: none;
24+
outline: none;
25+
box-sizing: border-box;
26+
}
27+
28+
ul {
29+
list-style-type: none;
30+
}
31+
32+
img {
33+
width: 100%;
34+
cursor: pointer;
35+
}
36+
37+
a {
38+
text-decoration: none;
39+
cursor: pointer;
40+
}
41+
42+
button {
43+
background: none;
44+
}
45+
46+
h1 {
47+
font-size: 2.5rem;
48+
}
49+
50+
h2 {
51+
font-size: 2rem;
52+
}
53+
54+
h3 {
55+
font-size: 1.75rem;
56+
}
57+
58+
h4 {
59+
font-size: 1.5rem;
60+
}
61+
62+
h5 {
63+
font-size: 1.25rem;
64+
}
65+
66+
h6 {
67+
font-size: 1rem;
68+
}
69+
70+
p {
71+
font-size: 1rem;
72+
}
73+
/* End Of Reset CSS */

‎Zero Calculator/favicon.ico‎

19.1 KB
Binary file not shown.

‎Zero Calculator/index.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
7+
<meta name="color-scheme" content="light" />
8+
<meta name="format-detection" content="telephone=no" />
9+
<meta name="keywords" content="Zero Calculator" />
10+
<meta name="description" content="Simple And Basic Calculator with JS" />
11+
<meta name="subject" content="Zero Calculator" />
12+
<meta name="copyright" content="kasrasparrow@gmail.com" />
13+
<meta name="language" content="en-US" />
14+
<meta name="robots" content="no-index, no-follow" />
15+
<meta name="author" content="KasraK10, kasrasparrow@gmail.com" />
16+
<meta name="generator" content="Visual Studio Code" />
17+
<meta name="topic" content="Zero Calculator" />
18+
<meta name="summary" content="Zero Calculator" />
19+
<meta
20+
name="designer"
21+
content="Kasra Hosseini - K10 - https://github.com/KASRA10"
22+
/>
23+
<meta name="owner" content="KasraK10" />
24+
<meta name="category" content="Zero Calculator" />
25+
26+
<!-- Google Font -->
27+
<link rel="preconnect" href="https://fonts.googleapis.com" />
28+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
29+
<link
30+
href="https://fonts.googleapis.com/css2?family=Mandali&display=swap"
31+
rel="stylesheet"
32+
/>
33+
34+
<!-- FontAwesome Icons -->
35+
<link
36+
rel="stylesheet"
37+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css"
38+
integrity="sha512-DxV+EoADOkOygM4IR9yXP8Sb2qwgidEmeqAEmDKIOfPRQZOWbXCzLC6vjbZyy0vPisbH2SyW27+ddLVCN+OMzQ=="
39+
crossorigin="anonymous"
40+
referrerpolicy="no-referrer"
41+
/>
42+
<link rel="stylesheet" href="./css/style.css" type="text/css" media="all" />
43+
<link
44+
rel="stylesheet"
45+
href="./css/responsive.css"
46+
type="text/css"
47+
media="all"
48+
/>
49+
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
50+
51+
<title>Zero Calculator</title>
52+
53+
<!-- Script -->
54+
<script src="./js/main.js"></script>
55+
</head>
56+
<body>
57+
<h2>
58+
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum, sequi.
59+
</h2>
60+
<p>
61+
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum, sequi.
62+
</p>
63+
</body>
64+
</html>

‎Zero Calculator/js/main.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
document.addEventListener("DOMContentLoaded", function () {
2+
const allElements = document.querySelectorAll("*");
3+
4+
allElements.forEach(el => el.classList.add("mandali-regular"));
5+
});

0 commit comments

Comments
 (0)