របៀបបង្កើតកម្មវិធីគណនា JavaScript ពី Scratch

ប្លុក

ស្វែងយល់ពីរបៀបបង្កើតម៉ាស៊ីនគិតលេខសាមញ្ញដោយប្រើ JavaScript ។ ការបង្រៀនរបស់អ្នកចាប់ផ្តើមដំបូងដើម្បីរៀននិងបង្កើតម៉ាស៊ីនគិតលេខជាមួយបច្ចេកទេសសរសេរកូដមូលដ្ឋាន។




នរណាម្នាក់ដែលចាប់ផ្តើមជាមួយភាសាថ្មីត្រូវតែរវល់ច្រើនដើម្បីរៀនម៉ូឌុលផ្សេងៗមុននឹងធ្វើការលើគម្រោងឧស្សាហកម្មជាក់លាក់។ ដូចដែលយើងធ្លាប់ស្គាល់ពីអនុសញ្ញាទូទៅនៃការចាប់ផ្តើមជាមួយកម្មវិធីសួស្តីពិភពលោករបស់យើងមានកម្មវិធីតិចតួចដែលយើងអាចអនុវត្តដើម្បីរៀនភាសាមូលដ្ឋានណាមួយ។ ប្រសិនបើអ្នកធ្លាប់ព្យាយាមរៀនសូត្រជាប្រព័ន្ធគ្មានអ្វីសង្ស័យទេដែលអ្នកមិនធ្លាប់ជួបប្រទះការបង្កើតដំណាក់កាលគណនា។ ដូច្នេះថ្ងៃនេះយើងនឹងបង្កើតការគណនាមូលដ្ឋានដោយប្រើ JavaScript ។ ប្រធានបទផ្សេងៗគ្នាគ្របដណ្តប់នៅទីនេះគឺ៖

របៀបទិញកាក់ហិរញ្ញវត្ថុ Nft Art
  • តម្រូវការសម្រាប់ការបង្កើតកម្មវិធីគណនា JavaScript
  • មុខងារ JavaScript ដើម្បីបង្កើតម៉ាស៊ីនគិតលេខ
  • ផ្នែកដែលមើលឃើញ
  • ការបន្ថែមរសជាតិ CSS

ដើម្បីបន្ធូរបន្ថយដំណើរការវាមានសារៈសំខាន់ខ្លាំងណាស់ដែលយើងត្រូវរៀបចំកម្មវិធីចងក្រងរបស់យើងឱ្យរួចរាល់ដើម្បីសាកល្បងអ្វីៗនៅពេលយើងកំពុងអានប្រកាសទាំងមូលនៅទីនេះ។ តោះលោតចូល!



JavaScript ដែលត្រូវបានគេស្គាល់ច្បាស់ថាជាភាសាស្គ្រីបនៃគេហទំព័រអាចធ្វើឱ្យអស្ចារ្យ។ ម៉ាស៊ីនគិតលេខដូចដែលយើងដឹងហើយថានឹងអនុវត្តប្រតិបត្តិការមូលដ្ឋានរបស់យើង។ ការបូកដកគុណនិងចែក។ សម្រាប់ការចាប់ផ្តើមអ្នកគួរតែស្គាល់ HTML និង CSS ។ ផ្នែកដែលមានកូដ JavaScript យើងនឹងយកចិត្តទុកដាក់ចំពោះវា។

តម្រូវការសម្រាប់ការបង្កើតម៉ាស៊ីនគណនាដោយប្រើ JavaScript

  • បរិស្ថានអភិវឌ្Developmentន៍រួមបញ្ចូលគ្នា
  • ម៉ាស៊ីនមេក្នុងស្រុក/អ្នកចងក្រងតាមអ៊ីនធឺណិត

ប្រសិនបើអ្នកថ្មីក្នុងការអភិវឌ្ន៍គេហទំព័រអ្នកគួរតែដឹងថាគេត្រូវការម៉ាស៊ីនមេក្នុងស្រុកដើម្បីសាកល្បងលេខកូដមុនពេល ដាក់ឲ្យ ប្រើប្រាស់។ អ្នកអាចទៅរក wamp, xampp ឬម៉ាស៊ីនមេផ្សេងទៀត។ សម្រាប់ការសរសេរលេខកូដរបស់អ្នកមានជំរើសច្រើនណាស់៖ Sublime Text 3, NetBeans, Brackets ។ ល។



ទិញអេឡិចត្រូនិចជាមួយ paypal

ដើម្បីភ្ជាប់ឯកសារផ្សេងៗអ្នកអាចប្រើដូចខាងក្រោម៖

បង្កប់ CSS

  • ស៊ីអិលស៊ីក្នុងជួរ៖ នៅពេលដែលយើងចង់បន្ថែម CSS ទៅក្នុងធាតុដែលចង់បានរបស់យើងអ៊ិនស៊ីអេសអេសគឺជាការហៅរបស់យើង។ ប្រសិនបើអ្នកថ្មីក្នុងការអភិវឌ្ន៍ឱកាសដែលអ្នកចូលចិត្តអ៊ីនធឺណេត CSS ជាងប្រភេទផ្សេងទៀត។ នេះគឺល្អសម្រាប់ការចាប់ផ្តើមដំបូងប៉ុន្តែពិតជាមិនងាយស្រួលប្រើ SEO ទេ។
  • CSS ខាងក្នុងឬបង្កប់៖ លក្ខណសម្បត្តិនិងច្បាប់របស់ CSS ត្រូវបានកំណត់នៅក្នុងឯកសារ HTML ដូចគ្នាដែលបញ្ជាក់ដោយ | _+_ | ស្លាកនៅក្នុង | _+_ | ផ្នែក។
  • CSS ខាងក្រៅ៖ ឯកសារ CSS ដាច់ដោយឡែកដែលមានគុណលក្ខណៈស្ទីលភ្ជាប់ជាមួយឯកសារមេនៅក្នុងថត root ។

នៅក្នុងម៉ាស៊ីនគណនា JavaScript របស់យើងយើងនឹងប្រើ CSS ខាងក្នុង។ ដំបូងយើងត្រូវដឹងថាតើប៊ូតុងប៉ុន្មានដែលយើងត្រូវការ។ សម្រាប់ពេលនេះយើងប្រកាន់ខ្ជាប់នូវមុខងារដែលអាចដំណើរការបានអប្បបរមាសម្រាប់ម៉ាស៊ីនគណនាមូលដ្ឋានរបស់យើង។ ដូច្នេះបញ្ជីធាតុត្រូវបានរៀបរាប់ខាងក្រោម៖

  1. អេក្រង់បង្ហាញ៖ នេះនឹងត្រូវបានប្រើសម្រាប់ការបញ្ចូលរបស់អ្នកប្រើប្រាស់ក៏ដូចជាលទ្ធផលលទ្ធផល។ ទោះបីជាយើងអភិវឌ្ develop ម៉ាស៊ីនគណនាពេញលេញក៏ដោយក៏គ្មានចំណុចណាដែលប្រើវាដោយគ្មានអេក្រង់បង្ហាញពេលវេលាពិតដែរ។
  2. ប៊ូតុង៖ យើងនឹងត្រូវការប៊ូតុងចំនួន ១៧ យ៉ាងហោចណាស់សម្រាប់ម៉ាស៊ីនគណនាមូលដ្ឋាន៖
  • លេខ៖ ប៊ូតុងសម្រាប់លេខត្រូវបានទាមទារ។ យើងត្រូវការប៊ូតុងចំនួន ១០ សម្រាប់ប្រភេទនេះ។ ១-៩ និង ០ ។
  • ប្រតិបត្តិការ៖ សម្រាប់ប្រតិបត្តិការមូលដ្ឋានចំនួន ៤ យើងត្រូវការប៊ូតុង ៤ ។
  • ផ្សេងៗ៖ សម្រាប់ទសភាគច្បាស់និងលទ្ធផលយើងត្រូវការប៊ូតុង ៣ បន្ថែមទៀត។

ដើម្បីមើលឃើញការគណនាវាល្អប្រសើរប្រសិនបើយើងពិចារណាបង្កើតតារាង។ តារាងគឺគ្មានអ្វីក្រៅពីជួរដេកនិងជួរឈរ។ ផ្នែកដែលមើលឃើញចូលទៅក្នុងផ្នែករាងកាយសម្របសម្រួលដោយអេសអេសអេស។ ផ្នែកដែលមិនអាចមើលឃើញគឺ JavaScript ដែលចូលទៅក្នុង | _+_ | ផ្នែក។

ផ្នែក JavaScript

ផ្នែកនេះនឹងរួមបញ្ចូលទាំងការបង្ហាញដំណោះស្រាយនិងមុខងារច្បាស់លាស់។

  1. មុខងារបង្ហាញ៖ មុខងារនេះបង្ហាញតែការបញ្ចូលរបស់អ្នកប្រើប្រាស់បន្ទាប់មកលទ្ធផល។ យើងគ្រាន់តែជាលេខសម្គាល់ដែលអាចហៅតាម document.getElementById នៅទីនេះលេខសម្គាល់គឺអេដ។
  2. មុខងារដោះស្រាយ៖ Eval () គឺជាមុខងារសកលនៅក្នុង JavaScript ហើយមានគោលបំណងកំណត់ក្នុងការដោះស្រាយកូដ JavaScript ។
  3. មុខងារច្បាស់៖ យើងគ្រាន់តែត្រូវការចន្លោះទទេរវាងសម្រង់ដើម្បីអនុវត្តមុខងារនេះ។

ផ្នែកដែលមើលឃើញ

  1. ចំណងជើង៖ អ្នកអាចសរសេរអ្វីនៅទីនេះយើងចូលចិត្តហៅវាថាអ៊ីឌូរ៉ាកាកម្មវិធីគណនា JavaScript ។
  2. ការបង្កើតតារាង៖ ជួរនីមួយៗត្រូវមានប៊ូតុងនិងមុខងារបញ្ចូល។ សម្រាប់អេក្រង់បង្ហាញយើងត្រូវការប្រភេទបញ្ចូលនៃអត្ថបទដែលមានសញ្ញា | _+_ | ដោយសារយើងត្រូវការខ្សែវែង អ្វីផ្សេងទៀតនៅសល់ជាមួយប្រភេទប៊ូតុង។
  3. ការបង្ហាញគឺគ្រាន់តែជាមុខងារ onclick () នៅទីនេះដូច្នេះយើងប្រើមុខងារ dis () របស់យើងនៅទីនេះ

ការបន្ថែមរសជាតិ CSS

  1. ធាតុចំណងជើងគឺស្រេចចិត្តលេងជាមួយវា
  2. កាំព្រំដែនត្រូវបានរក្សានៅ ១០ ភីចដើម្បីផ្តល់ជ្រុងមូលដល់ធាតុ។ ទទឹងគួរតែត្រូវបានរក្សានៅ ១០០% ដើម្បីគ្របដណ្តប់វិសាលភាពទាំងមូល។
  3. ការតម្រឹមអត្ថបទគឺអាស្រ័យលើអ្នកមានអារម្មណ៍សេរី។
  4. កូដពណ៌ RGB៖ #ff4456

ឥឡូវនេះយើងមានផ្នែកនៅដដែលសូមដាក់វាហើយមើលលទ្ធផល៖

កម្មវិធី python នៅលើ ipad

អេក្រង់លទ្ធផល៖

កម្មវិធីគណនា JavaScript

ជាមួយនេះយើងបានមកដល់ចុងបញ្ចប់នៃអត្ថបទរបស់យើង។ ខ្ញុំសង្ឃឹមថាអ្នកយល់ពីវិធីងាយស្រួលបំផុតក្នុងការបង្កើតកម្មវិធីគណនា JavaScript ។

ប្រភពកូដភ្ជាប់៖ https://github.com/vikidevspace/Javascript-calculator

#ចាវ៉ាស្គ្រីប #ការអភិវឌ្ន៍គេហទំព័រ #html #css

របៀបទិញ vancat

www.youtube.com

របៀបបង្កើតកម្មវិធីគណនា JavaScript ពី Scratch

នៅក្នុងមេរៀន JavaScript នេះអ្នកនឹងរៀនពីរបៀបបង្កើតម៉ាស៊ីនគិតលេខសាមញ្ញដោយប្រើ JavaScript ។ ការបង្រៀនរបស់អ្នកចាប់ផ្តើមដំបូងដើម្បីរៀននិងបង្កើតម៉ាស៊ីនគិតលេខជាមួយបច្ចេកទេសសរសេរកូដមូលដ្ឋាន។