<!DOCTYPE html>
<html>
<head>
<title>การหาค่าความต้านทานแบบอนุกรม</title>
<meta charset="utf-8">
<script src="../js/jquery.min.js"></script>
<script>
var arr_resistance = [];
var resistance = '';
function display_input(max_fields){
var x = 1; //initlal text box count
$('#show_input').html('');
for(var i = x; i <= max_fields; i++) {
$('#show_input').append('<div>R'+i+' : <input type="text" class="input_resistance"/> โอห์ม</div>'); //add input box
if(resistance != ''){
resistance += ' + ';
}
resistance += 'R'+i;
}
$('#show_button').html('<div id="btn_nextstep"><button onclick="step1()">ขั้นตอนต่อไป (1)</button></div>'); //add input box
}
function check_data(){
var msg = "";
$( ".input_resistance" ).each(function(index) {
if($(this).val() == ""){
msg += "- ค่า R" + (index+1) + "\n";
}
});
if(msg == ""){
return true;
}else{
msg = "กรุณากรอกข้อมูลให้ครบถ้วน\n" + msg;
alert(msg);
return false;
}
}
function step1(){
if( check_data() == true){
$('#show_input').append('<br/><div><u>สูตรการคำนวณ การต่อตัวต้านทานแบบอนุกรม</u></div>');
$('#show_input').append('<div><b>RT = '+ resistance +'</b> </div>');
$('#show_button').html('<div id="btn_nextstep"><button onclick="step2()">ขั้นตอนต่อไป (2)</button></div>');
}
}
function step2(){
var input_resistance = '';
$( ".input_resistance" ).each(function() {
if(input_resistance != ''){
input_resistance += " + ";
}
input_resistance += $( this ).val();
arr_resistance.push($( this ).val());
});
$('#show_input').append('<div><b>RT = '+ input_resistance +'</b> </div>');
$('#show_button').html('<div id="btn_nextstep"><button onclick="process()">ดูผลลัพธ์</button></div>');
}
function process() {
myTotal = 0;
for(var i = 0, len = arr_resistance.length; i < len; i++) {
myTotal += parseFloat(arr_resistance[i]);
}
document.getElementById("result").innerHTML = '<b>ค่าความต้านทานรวม = ' + myTotal + ' โอห์ม</b>' ;
}
</script>
</head>
<body>
<p>การคำนวณค่าความต้านทานแบบต่ออนุกรม</p>
<h3>RT = R1 + R2.....+Rn</h3>
<div>
จำนวนตัวต้านทาน : <input type="text" id="qty" onkeyup="display_input(this.value)" /> ตัว
</div>
<p id="show_input"></p>
<p id="result"></p>
<p id="show_button"></p>
</body>
</html>
ความคิดเห็น
แสดงความคิดเห็น