国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

? ? ????? JS ???? HTML, CSS ? JavaScript? ???? ?? ??? ???

HTML, CSS ? JavaScript? ???? ?? ??? ???

Jan 11, 2025 pm 10:33 PM

JavaScript? ??? ???? ??? ?? ???? DOM ??, ??? ??, ??? ??, ??? ??, ?? ??, ??? ?? ??, ??? ?????? CSS ???? ? ?? ??? ?????. ? ??? ?????? ??? ??? ???? ? ?? ???? ?? ??? ??? ???????. ? ???? ??? ???? ??? ????? ??? ??? ? ?? ????.

??? ?????.

HTML ?? ??

HTML? ?? ???? ???? ?????. ??? index.html? ?? ?????

Creating a Basic Calculator Using HTML, CSS and JavaScript

?? ?? ??? ???

??. ??? ???? ??(0-9), ?? ???( , -, *, /) ? AC, C, %, = ? ..? ?? ?? ?? ??? ?????.

??? ???? ??? ??? ??? ?? JavaScript ??? script.js? ?????. ? ?? ??? ??? ?? ??? ??? ???? ???? ??? ?? ??? ??? ? ??? ???.

??? ?? ???? ?? ??? ??? ???? ?? ???? ?? ??? ??? ?????.

????? ?? CSS ??

?? ???? ???? ????? ????? ??? ????? ??? ?????.

Creating a Basic Calculator Using HTML, CSS and JavaScript

CSS ??? ??? ?????.

  1. ?? ????

Creating a Basic Calculator Using HTML, CSS and JavaScript

?? ??: 100vh; ??? ??? ???? ?? ??? ????? ???. ?????: ???; ??? ????? ???? ?? ?? ??? ??? ? ????. ??? ???: ??; ???? ??? ???? ??? align-items: center; ???? ???? ??? ?????. ????? ???: 2px ?? ??; ?? ??? ???? ?????.

  1. ??? ???? ????:

Creating a Basic Calculator Using HTML, CSS and JavaScript

?????: ???; ??? ????? ???? ??? ?? ??? ??? ?? ??? ? ??? ???. ??? ??: ?; ?? ??? ???? ?????. ??: 12px; ? ???? ?? ??? ??? ?????. ????? ??: 500px; ???? ??? 500px? ?????.

  1. ????? ?? ????

Creating a Basic Calculator Using HTML, CSS and JavaScript

???: 1px ?? ???; ?? ??? ???? ?????. ??: 16px; ? ?? ???? ?? ?? ??? ??? ?????. ??? ??: ???; ???? ???? ????? ?????. ?? ??: 24px; ??? ??? ?? ?? ??? ??? border-radius: 5px; ?? ???? ??? ????.

  1. ?? ????? ?? ????

Creating a Basic Calculator Using HTML, CSS and JavaScript

??? ?? ????? .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? ???? ???? ??? ????.

Creating a Basic Calculator Using HTML, CSS and JavaScript

?? ???? ??? ???? ?? ??? ???????.
JavaScript ?? ??
Creating a Basic Calculator Using HTML, CSS and JavaScript

??? ?? ?? ??? ??? ?????.

  1. DOM ?? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

displayBox ??? ????? ??? ?? ??? ?????(

  1. ?????? ???? ?? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

displayValue ??? ??? ??? ?? ?? ???? ?? ?? ??? ????? ?????. lastOperator ??? ????? ??? ???? ???? ???? ??? ??? ?? ??? ?????. ?? console.log? ??? ??, ?? ??? ?? CalculatorBtns ?? ??? ???? ? ?????.

  1. ?? ?? ??? ???/? ?? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

forEach ???? CalculatorBtns ???? ? ??? ???? ? ?????. ? ??? ?? innerText ??? "AC", "C", "9", " " ?? ?? ??? ???? ???? ???? ButtonValue ??? ?????.

?? ?? onclick ??? ???? ? ??? ?????. ??? ???? ??? ??? ?????. ? ??? handlerButtonAction(buttonValue)? ??? ???(buttonValue)? ??? ?????. ? ??? ???? ?? ?? ???? ???? ????? ???, ?? ??, ?? ?? ?? ? ??? ??? ??? ? ????.

  1. ??? ?? ? ? ?? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

??? ?? ???? ?????? ??? ? ????. ?? ??? ?? ??? ??? ?????. ?? ?? ????? "1"? ??? ? "1"? ???? handlerButtonAction() ??? ??????.

  1. ????? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

display() ??? ????? ??(displayBox)? ??? ?? displayValue? ???????. displayValue? ?? ??? ????? "0.0"?? ?????.

  1. ?? ?? ???(?? ??):

Creating a Basic Calculator Using HTML, CSS and JavaScript

??? ???? ?????? ?????? ??? ???? ?? ?? ??? ?????. ?? eval(displayValue)? displayValue? ??? ??? ???? ?????. ?? ??, ?????? "3 5"? ???? eval? ??? ???? ????, ? ?? ??? 8???.

????, displayValue = String(result)? ??? ???? ???? displayValue? ?????? ??? ??? ?????. ??? ???? lastOperator = ""? lastOperator? ? ???? ????? ?? ???? ?? ????? ???. ?????, display() ??? ?????? ?????? ?? ??? ?????.

  1. AC(All Clear) ? C(Clear) ?? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

"AC" ??? ???? ??? ?? ?? "AC"? ??? ?????. true? ?? displayValue? ? ???? ????? ????? ?? ?????? ??? ???? ??????. ?? ?? display() ??? ???? ? ??? ?????? ???????.

"C" ??? ??, ?? ?? "C"?? ??? ????(0, -1)? ???? displayValue?? ??? ??? ?????. ?? ?? ???? ??? ???? ??? ??? ? ???, ?? ?? ?????() ??? ?? ???? ?????? ???????.

  1. ??? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

? ??? ??? ?? ?? ???? ???? ?? ? ??? ???? ? ?????.

["%", "/", "*", " "].includes(buttonValue) ??? ??? ??? ???(%, /, *, ) ? ???? ?????. ??? ???? ?? ?? ?? if (!displayValue || displayValue === "-")? ?????? ?? ??? ?? ??(-)? ???? ?? ?? ???? ?? ? ??? ?????. ??? ?? ? ?? ???? ????? ???? ???? ?? ??? ?????. ??? true?? ??? ??? ???? ?????? ???? ???? ????.

  1. ???? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

? ?? ??? ??? ???? ??? ????? ???? " " ?? " -"? ?? ??? ??? ?????.

?? if (["%", "/", "*", " ", "-"].includes(buttonValue))? ??? ??? ????? ?????. ?? ?? const lastCharacter = displayValue.slice(-1)? displayValue?? ?? ???? ??? ??? ?????.

???? lastOperator = ???? lastOperator ??? ?????? ?? ???? ?????. if (["%", "/", "*", " ", "-"].includes(lastCharacter))? ??? ?? ??? ??? ???? ?? ??? displayValue.slice(? ???? ?? ?????. 0, -1). ??? ?? ??? ?? ??? ???? ???? ??? ???? ???? ?? ??? ? ????.

  1. ??? ??

Creating a Basic Calculator Using HTML, CSS and JavaScript

? ?? ??? ?? ??? ???(.)? ? ?? ??? ? ??? ?? "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"? ?? ??? ???? ????.

  1. ? ??? ????? ????:

Creating a Basic Calculator Using HTML, CSS and JavaScript

?? ??? = ??? ???; ?? ??? ?(?: ?? ?? ???)? ?? displayValue ???? ?????. ?? ???? ???? ?? ??? ? ?? ????? ??? ?????.

?? ?? ??? ? ?????() ??? ???? ?????? ?????? ????? displayValue? ????? ?????. ??? ?? ???? ??? ? ?? ??? ???? ? ? ????.

??

? JavaScript ??? ????? ? ??, ?? ??, ?? ??? ? ??? ??? ??? ?? ??? ?????. ?? ??? ??? ?? ???? ?????. ?? ???? "=" ?? "Enter" ?? ??? ? ??? ????, AC(?? ???) ? C(??? ?? ???) ??? ????, ?? ???? ?? ???? ?? ??? ??? ???? ??? ?????. ?? ? ?? ?? ?????? ?????? ???? ?? ??? ???? ? ? ????. ??? ??? ????? ???? ???? ??? ?????.

??? ? ?? ????? ???? ?? ??? ????? ???? ????? ??? ??? ?? ??? ? ????. ??? ?????!
GITHUB - [https://github.com/bigyan1997/calculator]
??? - [https://calculator-delta-sepia-91.vercel.app/]

? ??? HTML, CSS ? JavaScript? ???? ?? ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? ????? ??
? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.

? AI ??

Undresser.AI Undress

Undresser.AI Undress

???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover

AI Clothes Remover

???? ?? ???? ??? AI ?????.

Video Face Swap

Video Face Swap

??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

???

??? ??

???++7.3.1

???++7.3.1

???? ?? ?? ?? ???

SublimeText3 ??? ??

SublimeText3 ??? ??

??? ??, ???? ?? ????.

???? 13.0.1 ???

???? 13.0.1 ???

??? PHP ?? ?? ??

???? CS6

???? CS6

??? ? ?? ??

SublimeText3 Mac ??

SublimeText3 Mac ??

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

???

??? ??

??? ????
1597
29
PHP ????
1488
72
???
node.js?? HTTP ????? ??? node.js?? HTTP ????? ??? Jul 13, 2025 am 02:18 AM

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

JavaScript ??? ?? : ?? ? ?? JavaScript ??? ?? : ?? ? ?? Jul 13, 2025 am 02:43 AM

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

REACT vs Angular vs Vue : ?? JS ??? ??? ?? ????? REACT vs Angular vs Vue : ?? JS ??? ??? ?? ????? Jul 05, 2025 am 02:24 AM

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

JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????. JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????. Jul 08, 2025 pm 02:27 PM

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

?? ??? : JavaScript? ??, ?? ?? ? ?? ????? ?? ??? : JavaScript? ??, ?? ?? ? ?? ????? Jul 08, 2025 am 02:40 AM

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

?? API? ???? ??? ???? ??? ?????? ?? API? ???? ??? ???? ??? ?????? Jul 08, 2025 am 02:43 AM

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

??? ??. ?? ????? ??? ????? ??? ?? ?? ??? ??. ?? ????? ??? ????? ??? ?? ?? Jul 06, 2025 am 02:36 AM

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

JS Roundup : JavaScript ??? ??? ?? ?? ??? JS Roundup : JavaScript ??? ??? ?? ?? ??? Jul 08, 2025 am 02:24 AM

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

See all articles