JavaScript? ??? ???? ??? ?? ???? DOM ??, ??? ??, ??? ??, ??? ??, ?? ??, ??? ?? ??, ??? ?????? CSS ???? ? ?? ??? ?????. ? ??? ?????? ??? ??? ???? ? ?? ???? ?? ??? ??? ???????. ? ???? ??? ???? ??? ????? ??? ??? ? ?? ????.
??? ?????.
HTML ?? ??
HTML? ?? ???? ???? ?????. ??? index.html? ?? ?????
?? ?? ??? ???
??? ???? ??? ??? ??? ?? JavaScript ??? script.js? ?????. ? ?? ??? ??? ?? ??? ??? ???? ???? ??? ?? ??? ??? ? ??? ???.
??? ?? ???? ?? ??? ??? ???? ?? ???? ?? ??? ??? ?????.
????? ?? CSS ??
?? ???? ???? ????? ????? ??? ????? ??? ?????.
CSS ??? ??? ?????.
- ?? ????
?? ??: 100vh; ??? ??? ???? ?? ??? ????? ???. ?????: ???; ??? ????? ???? ?? ?? ??? ??? ? ????. ??? ???: ??; ???? ??? ???? ??? align-items: center; ???? ???? ??? ?????. ????? ???: 2px ?? ??; ?? ??? ???? ?????.
- ??? ???? ????:
?????: ???; ??? ????? ???? ??? ?? ??? ??? ?? ??? ? ??? ???. ??? ??: ?; ?? ??? ???? ?????. ??: 12px; ? ???? ?? ??? ??? ?????. ????? ??: 500px; ???? ??? 500px? ?????.
- ????? ?? ????
???: 1px ?? ???; ?? ??? ???? ?????. ??: 16px; ? ?? ???? ?? ?? ??? ??? ?????. ??? ??: ???; ???? ???? ????? ?????. ?? ??: 24px; ??? ??? ?? ?? ??? ??? border-radius: 5px; ?? ???? ??? ????.
- ?? ????? ?? ????
??? ?? ????? .flex-container ???? ???????. ??? ?????? flex; ?? ??? ?? ??? ????? ????. ?? ???: ?? ??; ??? ?? ??? ??? ?? ???? ???? gap: 8px; ? ?? ??? ?? ? ?? ??? ??? ??? ?????.
? ??? ???? flex: 1;? ???? ? ? ??? ??? ??? ?????. ??: 16px; ???? ?? ? ?? ??? ??? ???? ?? ??: 20px; ???? ?? ? ??? ?????. ?? ??: ??; ???? ?? ?? ????. whileborder: 1px solid black; ? ?? ??? ???? ?????. ????? border-radius: 8px; ?? ???? ?? ??? ??? ??: ???; ???? ??? ??? ???? ?????. ??? ???? ???? rgb(255, 255, 255);? ???? ?????.
"=" ??? ?? .equal ???? flex: 2.5? ?????. ? ?? ??? ???? ?? ?? ??? 2.5?? ????. ?? ?? ???? ??? ??:?? ???? ???? ???? ?????. ???? rgb(127, 131, 131); ??? ??? ???? ?????. ? ?? ??? ??? ?? ???????. ??? 0.3? ??, ?? 0.3? ??, ?? ? 0.3? ???? ?????.
?? HTML? CSS? ???? ???? ??? ????.
?? ???? ??? ???? ?? ??? ???????.
JavaScript ?? ??
??? ?? ?? ??? ??? ?????.
- DOM ?? ??
displayBox ??? ????? ??? ?? ??? ?????(
- ?????? ???? ?? ??
displayValue ??? ??? ??? ?? ?? ???? ?? ?? ??? ????? ?????. lastOperator ??? ????? ??? ???? ???? ???? ??? ??? ?? ??? ?????. ?? console.log? ??? ??, ?? ??? ?? CalculatorBtns ?? ??? ???? ? ?????.
- ?? ?? ??? ???/? ?? ??
forEach ???? CalculatorBtns ???? ? ??? ???? ? ?????. ? ??? ?? innerText ??? "AC", "C", "9", " " ?? ?? ??? ???? ???? ???? ButtonValue ??? ?????.
?? ?? onclick ??? ???? ? ??? ?????. ??? ???? ??? ??? ?????. ? ??? handlerButtonAction(buttonValue)? ??? ???(buttonValue)? ??? ?????. ? ??? ???? ?? ?? ???? ???? ????? ???, ?? ??, ?? ?? ?? ? ??? ??? ??? ? ????.
- ??? ?? ? ? ?? ??
??? ?? ???? ?????? ??? ? ????. ?? ??? ?? ??? ??? ?????. ?? ?? ????? "1"? ??? ? "1"? ???? handlerButtonAction() ??? ??????.
- ????? ??
display() ??? ????? ??(displayBox)? ??? ?? displayValue? ???????. displayValue? ?? ??? ????? "0.0"?? ?????.
- ?? ?? ???(?? ??):
??? ???? ?????? ?????? ??? ???? ?? ?? ??? ?????. ?? eval(displayValue)? displayValue? ??? ??? ???? ?????. ?? ??, ?????? "3 5"? ???? eval? ??? ???? ????, ? ?? ??? 8???.
????, displayValue = String(result)? ??? ???? ???? displayValue? ?????? ??? ??? ?????. ??? ???? lastOperator = ""? lastOperator? ? ???? ????? ?? ???? ?? ????? ???. ?????, display() ??? ?????? ?????? ?? ??? ?????.
- AC(All Clear) ? C(Clear) ?? ??
"AC" ??? ???? ??? ?? ?? "AC"? ??? ?????. true? ?? displayValue? ? ???? ????? ????? ?? ?????? ??? ???? ??????. ?? ?? display() ??? ???? ? ??? ?????? ???????.
"C" ??? ??, ?? ?? "C"?? ??? ????(0, -1)? ???? displayValue?? ??? ??? ?????. ?? ?? ???? ??? ???? ??? ??? ? ???, ?? ?? ?????() ??? ?? ???? ?????? ???????.
- ??? ??
? ??? ??? ?? ?? ???? ???? ?? ? ??? ???? ? ?????.
["%", "/", "*", " "].includes(buttonValue) ??? ??? ??? ???(%, /, *, ) ? ???? ?????. ??? ???? ?? ?? ?? if (!displayValue || displayValue === "-")? ?????? ?? ??? ?? ??(-)? ???? ?? ?? ???? ?? ? ??? ?????. ??? ?? ? ?? ???? ????? ???? ???? ?? ??? ?????. ??? true?? ??? ??? ???? ?????? ???? ???? ????.
- ???? ??
? ?? ??? ??? ???? ??? ????? ???? " " ?? " -"? ?? ??? ??? ?????.
?? if (["%", "/", "*", " ", "-"].includes(buttonValue))? ??? ??? ????? ?????. ?? ?? const lastCharacter = displayValue.slice(-1)? displayValue?? ?? ???? ??? ??? ?????.
???? lastOperator = ???? lastOperator ??? ?????? ?? ???? ?????. if (["%", "/", "*", " ", "-"].includes(lastCharacter))? ??? ?? ??? ??? ???? ?? ??? displayValue.slice(? ???? ?? ?????. 0, -1). ??? ?? ??? ?? ??? ???? ???? ??? ???? ???? ?? ??? ? ????.
- ??? ??
? ?? ??? ?? ??? ???(.)? ? ?? ??? ? ??? ?? "3..5."? ?? ??? ??? ?????.
?? if (buttonValue === ".") ??? ??? ??? ????? ?????. ???? ??? ??? ?????.
???? const lastOperatorIndex = displayValue.lastIndexOf(lastOperator)? displayValue?? ??? ???? ??? ??????. ?? ?? const currentNumberSet = displayValue.slice(lastOperatorIndex) || displayValue? ?? ?? ?? ??? ???? ??? ??? ?? displayValue ??? ?????. ???? ??? ?? displayValue? ?????.
????? if (currentNumberSet.includes(".")) ? ??? ?? ??? ?? ???? ???? ??? ?????. ???? ??? ?? ???? ???? ? ?? ???? ??? ? ?? ???. ??? ?? "3.5"? ?? ??? ????? "3..5"? ?? ??? ???? ????.
- ? ??? ????? ????:
?? ??? = ??? ???; ?? ??? ?(?: ?? ?? ???)? ?? displayValue ???? ?????. ?? ???? ???? ?? ??? ? ?? ????? ??? ?????.
?? ?? ??? ? ?????() ??? ???? ?????? ?????? ????? displayValue? ????? ?????. ??? ?? ???? ??? ? ?? ??? ???? ? ? ????.
??
? JavaScript ??? ????? ? ??, ?? ??, ?? ??? ? ??? ??? ??? ?? ??? ?????. ?? ??? ??? ?? ???? ?????. ?? ???? "=" ?? "Enter" ?? ??? ? ??? ????, AC(?? ???) ? C(??? ?? ???) ??? ????, ?? ???? ?? ???? ?? ??? ??? ???? ??? ?????. ?? ? ?? ?? ?????? ?????? ???? ?? ??? ???? ? ? ????. ??? ??? ????? ???? ???? ??? ?????.
??? ? ?? ????? ???? ?? ??? ????? ???? ????? ??? ??? ?? ??? ? ????. ??? ?????!
GITHUB - [https://github.com/bigyan1997/calculator]
??? - [https://calculator-delta-sepia-91.vercel.app/]
? ??? HTML, CSS ? JavaScript? ???? ?? ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.

JavaScript ??? ??? ?? ?? ? ?? ???? ????. ?? ???? ???, ??, ??, ?, ???? ?? ? ??? ?????. ?? ????? ?? ?? ? ? ??? ????? ?? ??? ??? ????. ??, ?? ? ??? ?? ?? ??? ??? ??? ???? ??? ??? ???? ??? ?? ??? ????. ?? ? ????? ??? ???? ? ??? ? ??? TypeofNull? ??? ?????? ??? ? ????. ? ? ?? ??? ???? ?????? ????? ???? ??? ???? ? ??? ? ? ????.

?? JavaScript ??? ??? ??? ?????? ?? ??? ?? ?? ??? ?? ???? ????. 1. ??? ???? ???? ?? ??? ?? ? ? ???? ??? ??? ?? ? ?? ????? ?????. 2. Angular? ?????? ??? ?? ???? ? ?? ?? ??? ??? ??? ???? ?????. 3. VUE? ???? ?? ??? ???? ?? ?? ??? ?????. ?? ?? ?? ??, ? ??, ???? ???? ? SSR? ???? ??? ??? ??? ???? ? ??? ?????. ???, ??? ??? ??? ????? ????. ??? ??? ??? ??? ?? ????.

?????, JavaScript ???! ?? ? JavaScript ??? ?? ?? ?????! ?? ?? ??? ??? ??? ? ????. Deno?? Oracle? ?? ??, ??? JavaScript ?? ??? ????, Google Chrome ???? ? ??? ??? ???? ?????. ?????! Deno Oracle? "JavaScript"??? ????? Oracle? ?? ??? ??? ??????. Node.js? Deno? ??? ? Ryan Dahl? ??? ?????? ???? ????? JavaScript? ??? ???? Oracle? ????? ???? ?????.

??? JavaScript?? ??? ??? ?????? ?? ???????. ?? ??, ?? ?? ? ??? ??? ?? ????? ????? ?????. 1. ?? ??? ??? ????? ???? ??. ()? ?? ??? ??? ?????. ?. ()? ?? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ??? .catch ()? ???? ?? ??? ??? ?? ??? ??????, ??? ???? ???? ????? ??? ? ????. 3. Promise.all ()? ?? ????? (?? ?? ?? ? ??????? ??), Promise.Race () (? ?? ??? ?? ?) ? Promise.AllSettled () (?? ??? ???? ??)

Cacheapi? ?????? ?? ???? ??? ???? ???, ?? ??? ??? ?? ???? ? ??? ?? ? ???? ??? ??????. 1. ???? ????, ??? ??, ?? ?? ?? ???? ???? ??? ? ????. 2. ??? ?? ?? ??? ?? ? ? ????. 3. ?? ?? ?? ?? ?? ??? ??? ?? ?????. 4. ??? ???? ?? ?? ???? ?? ?? ?? ?? ?? ???? ?? ?? ??? ??? ? ????. 5. ?? ???? ??, ??? ??? ? ??? ??, ?? ??? ? ?? ???? ???? ???? ? ?? ?????. 6.?? ??? ?? ?? ?? ??, ???? ?? ? HTTP ?? ????? ?????? ???????.

.map (), .filter () ? .reduce ()? ?? JavaScript ?? ?? ???? ??? ??? ??? ? ? ????. 1) .map ()? ??? ??? ??? ???? ? ??? ???? ? ?????. 2) .filter ()? ???? ??? ????? ? ?????. 3) .reduce ()? ???? ?? ??? ???? ? ?????. ???? ??? ????? ??? ?? ?? ??? ?????.

JavaScript? ??? ??? ?? ??, ? ? ? ?? ???? ???? ??? ??? ?????. 1. ?? ??? ?? ??? ???? ??? ??? ??? ??? ?? WebAPI? ?????. 2. WebAPI? ??????? ??? ?? ? ? ??? ?? ??? (??? ?? ?? ???? ??)? ????. 3. ??? ??? ?? ??? ?? ??? ?????. ?? ??? ??? ????? ??? ??? ?? ? ???? ?????. 4. ???? ?? (? : Promise. 5. ??? ??? ???? ?? ???? ???? ?? ?? ?? ??? ????? ? ??????.
