for Loop ជាធម្មតាត្រូវបានប្រើសម្រាប់ដំណើរការដដែលៗនៃបណ្តុំកូដ ទៅតាមចំនួនជំហាន វិលជុំដែលបានកំណត់ជាក់លាក់មួយ ។
----------------------------------------------------------------------------------------
for (statement 1; statement 2; statement 3) {
code block to be executed
}
----------------------------------------------------------------------------------------
- statement 1 គឺជាតម្លៃចាប់ផ្តើមរបស់ Loop (អាចចាប់ផ្តើមពីតម្លៃធំ ឬតូច)
- statement 2 គឺជាលក្ខខណ្ឌកំណត់ចំនួនជុំនៃ Loop (វាឈប់ដំណើរការកូដនៅពេលដែលជួបលក្ខខណ្ឌមិនពិត បើសិនជាលក្ខខណ្ឌពិតរហូតនោះវានឹងដំណើររហូតដល់គាំង Web Browser)
- statement 3 គឺជាជំហានរបស់ Loop (កើនឡើង ឬថយចុះ)
ឧទាហរណ៍៖
បង្កើតតារាងទៅតាមចំនួនជួរឈរ និងជួរដេកដែលបានបញ្ចូល
----------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For Loop</title>
</head>
<body>
ចំនួនជួរដេក៖ <input type="number" id="row"> <br>
ចំនួនជួរឈរ៖ <input type="number" id="col"> <br>
<button onclick="createTable()">បង្កើតតារាង</button>
<div id="result"></div>
<script>
function createTable(){
var rows = document.getElementById("row").value;
var cols = document.getElementById("col").value;
var tb = "<table border='1'>";
for(var i = 0; i<rows; i++){
tb += "<tr>";
for(var j = 0; j<cols; j++){
tb += "<td>Sampe Text</td>";
}
tb += "</tr>";
}
tb += "</table>";
document.getElementById("result").innerHTML = tb;
}
</script>
</body>
</html>
----------------------------------------------------------------------------------------
ឧទាហរណ៍៖
បន្ថែមប្រអប់សម្រាប់ Upload File
----------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exchange Money</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>
</head>
<body>
Select File 1: <input type="file" class="form-control">
<div id="add"></div>
Add File: <input type="number" class="form-control" id="num">
<button class="btn btn-primary" onclick="addFile()">Add</button>
<h3 id="result"></h3>
<script>
function addFile(){
var numberFile = parseInt(document.getElementById("num").value);
var file = "";
for(var i = 1; i <= numberFile; i++){
file += "Select File " + (i+1) + "<input type='file' class='form-control'>";
}
document.getElementById("add").innerHTML = file;
}
</script>
</body>
</html>
----------------------------------------------------------------------------------------
ដើម្បី Loop Property ទាំងអស់របស់ Object យើងប្រើប្រាស់ for in Loop
----------------------------------------------------------------------------------------
for (variable in object) {
object[variable];
}
----------------------------------------------------------------------------------------
ឧទាហរណ៍៖
----------------------------------------------------------------------------------------
<script>
var student = {
"name":"Chan Minea",
"gender":"Female",
"dob":"12/10/2004",
"address":"Siemreap",
"phone":"098 123 456"
};
for(var k in student){
document.write(student[k], "<br>");
}
</script>
----------------------------------------------------------------------------------------
Comments
Post a Comment