ការប្រើ if ​ក្នុង JavaScript


 

if គឺជា Statement ដើម្បីកំណត់លក្ខខណ្ឌ ប្រើដើម្បីដំណើរការបណ្តុំកូដដែលស្ថិតក្នុងលក្ខខណ្ឌនោះនៅពេលដែលលក្ខខណ្ឌពិត (true) ។

------------------------------------------------------------------------------------------------

if (condition) {

    code to be executed if the condition of if is true

}else if(condition){

    code to be executed if the condition of else if is true

}else{

    code to be executed if all conditions are false

}

------------------------------------------------------------------------------------------------

  • Condition របស់ if និង else if អាចមានមួយ ឬច្រើន បើសិនមានច្រើនត្រូវប្រើ Logical Operators ដើម្បីភ្ជាប់លក្ខខណ្ឌទាំងនោះដែលមានសញ្ញា && និង ||
  • Condition ទោះមានមួយ ឬច្រើនក៏ដោយចុងក្រោយវាបោះតម្លៃមកវិញមានតែចំនួនពីរនោះទេគឺ true និង fale
  • ការប្រើ else if គឺដើម្បីបន្ថែមជម្រើសនៃលក្ខខណ្ឌ ឧទាហរណ៍ការបញ្ចុះតម្លៃប្រើ if ដើម្បីបច្ចុះតម្លៃលើលក្ខខណ្ឌ 10% បើចង់បន្ថែមលក្ខខណ្ឌមួយទៀតបញ្ចុះ 20% យើងត្រូវប្រើ else if ដើម្បីបន្ថែមជម្រើសមួយនេះ
  • else if ប្រើបានប៉ុន្មានក៏បានដែរនៅក្នុង ​if មួយ ទៅតាមតម្រូវការ
  • យើងមិនអាចប្រើ else if យកតែម្តងដោយគ្មាន ​if បានទេ
  • ចំពោះ else វិញ បណ្តុំកូដរបស់វានឹងដំណើរការនៅពេលដែលគ្រប់លក្ខខណ្ឌទាំងអស់របស់ if និង else if មិនពិត (false) ឬនៅពេលដែលលក្ខខណ្ឌរបស់ផ្ទុយពីលក្ខខណ្ឌទាំងអស់របស់ if និង else if ។
ឧទាហរណ៍៖
ការប្រើ if ដើម្បីពិនិត្យលក្ខខណ្ឌទៅលើ
  • ការបញ្ចូលទឹកប្រាក់លើស
  • ការផ្លាស់ប្តូរ Sytle ភាគរយនៃប្រាក់ចំណាយទៅតាមចំនួនភាគរយ

------------------------------------------------------------------------------------------------

<!DOCTYPE html>

<html lang="en">

<head>

<title>Payment System</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>

<style>

.font{

font-family: 'Khmer M1';

}

</style>

</head>

<body>

<div id="r"></div>

<div class="mb-3">

<label for="exampleInputEmail1" class="form-label">បញ្ចូលលុយសរុប (រៀល)</label>

<input type="number" class="form-control" id="totalMoney">

</div>

<div class="mb-3">

<label for="exampleInputEmail1" class="form-label">បញ្ចូលលុយចំណាយ (រៀល)</label>

<input type="number" class="form-control" id="payment">

</div>

<button class="btn btn-primary" onclick="pay()">បង្ហាញព័ត៌មាននៃការចាយលុយ</button>

<script>

function pay(){

var money = parseInt(document.getElementById("totalMoney").value);

var pay = parseInt(document.getElementById("payment").value);

if(pay > money){

alert("ទឹកប្រាក់មិនគ្រប់គ្រាន់សម្រាប់ចាយ!!!!!");

}else if(pay < 0){

alert("មិនអាចចាយលុយអវិជ្ជមានរបៀបនេះទេ");

}else{

var percent = pay/money*100;

if(percent <= 50){

color = "<span style='color:green'>" + percent +"%</span>";

}else if(percent >51 && percent <= 80){

color = "<span style='color:orange'>" + percent +"%</span>";

}else{

color = "<span style='color:red'>" + percent +"%</span>";

}

document.getElementById("r").innerHTML = ("<span class='font'>អ្នកបានចំណាយលុយអស់ចំនួន</span> " + color);

}

}

</script>

</body>

</html>

------------------------------------------------------------------------------------------------

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

ការប្រើ Switch ក្នុង JavaScript

Image
  switch គឺជា Statement លក្ខខណ្ឌមួយដែលប្រើសម្រាប់ចាប់យកបណ្តុំកូដរបស់ case មួយក្នុងចំណោម case ជាច្រើនមកដំណើរការ តាមរយៈការផ្ទៀងផ្ទាត់ជាមួយ expression ដែលត្រូវគ្នា ។ --------------------------------------------------------------------------------------------- switch ( expression ) {      case value1:           code block           break;      case value2:           code block           break;      case value3:           code block           break;      ...      default:           default code block } --------------------------------------------------------------------------------------------- expression ប្រើសម្រាប់យកទៅប្រៀបធៀបជាមួយនឹង case នីមួយៗ បើត្រូវជាមួយ case ណាមួយ វានឹងចាប់យកកូដរបស់ case នោះមកដំណើរ...
Read more