យើងមាន button មួយដែលមានពីរ option ឲ្យចុច។ នេះឧទាហរណ៍ដែលយចង់ប្តូរព័ណ៌អក្សរនៅពេលចុច button
<body>
<h1>Hello Ros Dul</h1>
<input type="button" value="Change Colore" id="btn">
</body>
<script>
let opt = 0
document.querySelector("#btn").addEventListener("click",function(){
if(opt === 0){
document.querySelector("h1").style.color = "blue"
opt = 1
}else{
document.querySelector("h1").style.color = "black"
opt = 0
}
})
</script>
</html>
នៅពេលបើកដំបូងគឺ opt ស្មើ ០ នៅពេលយើងចុច button គឺស្មើ ០ ដូចនេះវាចូលលក្ខណទី១ វាបង្ហាញព័ណ៌ខៀវ រួចហើយយើងឲ្យ opt ស្មើ ១។ បន្ទាបមកយើងចុច button ម្តងទៀតនោះ opt ស្មើ ១ ដូចនេះវាចូលខក្ខណទី២ រួចវាបង្ហាញព័ណ៌ខ្មៅ។
0 Comments