YouTube Channel

Comments

Post a Comment

Popular posts from this blog

Create Pop up Form in JavaScript

Image
  <!DOCTYPE html > <html lang = "en" > <head> <meta charset = "UTF-8" > <meta name = "viewport" content = "width=device-width, initial-scale=1.0" > <title> Pop-Up Form </title> <style> /* Basic styles for the page */ body { font-family : Arial , sans-serif ; margin : 0 ; padding : 0 ; box-sizing : border-box ; } /* Overlay background */ .modal-overlay { display : none ; position : fixed ; top : 0 ; left : 0 ; width : 100% ; height : 100% ; background : rgba( 0 , 0 , 0 , 0.5 ); z-index : 1000 ; } /* Modal box */ .modal { position : fixed ; top : 50% ; left : 50% ; transform : translate( -50% , -50% ); background :...
Read more

ការសរសេរ JavaScript ចូលក្នុង Web Page

Image
កម្មវិធី Web Browser ត្រូវបានបង្កើតឡើងដើម្បីអាចស្គាល់ភាសា HTML និង CSS ហើយបកប្រែភាសាទាំងនោះទៅជាទម្រង់ដែលអាចអាន និងបង្ហាញបាន។ Web Browser ភាគច្រើនគឺមានភ្ជាប់    កម្មវិធីបកប្រែភាសា JavaScript មកស្រាប់ ដូច្នេះវាស្គាល់ភាសានេះ ហើយអាចដំណើរការបាន ។ ដើម្បីសរសេរ JavaScript អ្នកត្រូវមានកម្មវិធី Text Editor ណាមួយមានដូចជា Notepad, Notepad++, NetBeans, Visual Studio,... ។ ជាទូទៅ File របស់ JavaScript មានកន្ទុយ (Extension) *.js ។ គេអាចសរសេរកូដ JavaScript នៅក្នុងចន្លោះ <body> ឬ <head> នៃ HTML Structure ដែលកូដទាំងអស់នោះត្រូវស្ថិតនៅក្នុងចន្លោះ Tag បើក និងបិទ <script>...</script> ហើយពេលខ្លះយើងឃើញគេសរសេរ <script type=”text/javascript”>...</script> វាមិនមានអ្វីខុសគ្នាអីនោះទេ។ ពាក្យ type=”text/javascript” គ្រាន់តែវាបញ្ជាក់ពី Script សរសេរដោយប្រើ Text ធម្មតា ។ ================================================ <script>            write JavaScript here…  </script> ================================================...
Read more

JavaScript Loading Page

Image
  <!DOCTYPE html > <html lang = "en" > <head> <meta charset = "UTF-8" > <meta name = "viewport" content = "width=device-width, initial-scale=1.0" > <title> Loading Page </title> <style> body { margin : 0 ; display : flex ; justify-content : center ; align-items : center ; height : 100vh ; background-color : #ffffff ; color : #0039d7 ; font-family : Arial , sans-serif ; } .loader { text-align : center ; } .progress-bar { width : 800px ; height : 40px ; background-color : #ffffff ; border-radius : 20px ; margin-top : 20px ; box-shadow : inset 0 0 10px #000000 ; } .progress-fill { height : 40px ; width : 0% ; background-color : #4caf50 ; border-radius : 20px ; transition : width 0.2s ; } .percentage { font-size : 34px ; ...
Read more