├── .gitignore ├── package.json ├── style.css ├── main.js └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "bootstrap": "^5.2.2" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | html { 8 | height: 100%; 9 | } 10 | 11 | body { 12 | height: 100%; 13 | display: flex; 14 | flex-direction: column; 15 | } 16 | 17 | main { 18 | flex-grow: 1; 19 | } 20 | 21 | main .container .card .cards{ 22 | width: 500px; 23 | height: 30px; 24 | background: lime; 25 | border: 1px solid black; 26 | margin: auto; 27 | } 28 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | let a = +prompt("num1="); 4 | let b = +prompt("num2="); 5 | 6 | const elText = document.querySelector(".answer"); 7 | const elBtn1 = document.querySelector(".btn-subtraction"); 8 | const elBtn2 = document.querySelector(".btn-multiple"); 9 | const elBtn3 = document.querySelector(".btn-add"); 10 | const elBtn4 = document.querySelector(".btn-division"); 11 | const elBtn5 = document.querySelector(".btn-clear"); 12 | const elBtn6 = document.querySelector(".btn-again"); 13 | 14 | 15 | elBtn1.addEventListener("click", function (e) { 16 | elText.textContent = a - b; 17 | }); 18 | elBtn2.addEventListener("click", function (e) { 19 | elText.textContent = a * b; 20 | }); 21 | elBtn3.addEventListener("click", function (e) { 22 | elText.textContent = a + b; 23 | }); 24 | elBtn4.addEventListener("click", function (e) { 25 | elText.textContent = a / b; 26 | }); 27 | elBtn5.addEventListener("click", function (e) { 28 | elText.textContent = ""; 29 | }); 30 | elBtn6.addEventListener("click", function (e) { 31 | document.location.reload() 32 | }); 33 | 34 | 35 | 36 | // let week = +prompt("Hafta kuni (1-7): "); 37 | 38 | // switch (week) { 39 | // case 1: 40 | // alert("Dushanba"); 41 | // break; 42 | // case 2: 43 | // alert("Seshanba"); 44 | // break; 45 | // case 3: 46 | // alert("Chorshanba"); 47 | // break; 48 | // case 4: 49 | // alert("Payshanba"); 50 | // break; 51 | // case 5: 52 | // alert("Juma"); 53 | // break; 54 | // case 6: 55 | // alert("Shanba"); 56 | // break; 57 | // case 7: 58 | // alert("Yakshanba"); 59 | // break; 60 | // default: 61 | // alert("Xato ketdi"); 62 | // } 63 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Document 11 | 12 | 13 | 14 | 15 |
16 |
17 | 22 |
23 |
24 |
25 |
26 |
27 |
28 |

...

29 |
30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 |
38 |
39 |
40 | 41 |
42 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | --------------------------------------------------------------------------------