Posted By

KhanOf21Century on 05/28/14

Tagged

code

Versions (?)

Last Edited at 05/28/14 11:37pm

Statistics

Viewed 672 times

Favorited by 0 user(s)

Related snippets

Electrical Power Calculator jquery

/ Published in: jQuery

The code is meant to find out electrical dc power using formulas p=vi, P=v2/R, and P=i2*R.

Highlighted TextExpand

#dc-power{
margin-bottom:5px;
}

</style>

$("#dc-power-button-vi").click(function(){
        $("#output-of-input").text($(".dc-i").val()*$(".dc-v").val() + "  Watts");
   });
$("#dc-power-button-vr").click(function(){
        $("#output-of-input").text($(".dc-v-of-r").val()*$(".dc-v-of-r").val()/$(".dc-r").val() + "  Watts");
   });
$("#dc-power-button-ir").click(function(){
        $("#output-of-input").text($(".dc-i-of-r").val()*$(".dc-i").val()*$(".dc-r-of-r").val() + "  Watts");
   });
});
</script>
<div id="tabs">
<ul id="dc-p">
<li><a href="#tabs-1">P=VI</a></li>
<li><a href="#tabs-2">P=v<sup>2</sup>/R</a></li>
<li><a href="#tabs-3">P=i<sup>2</sup>*R</a></li>
</ul>
<div id="tabs-1">

<div class="row" id="dc-power">
  <div class="col-xs-6">
    <input type="text" class="form-control dc-v" placeholder="Voltage value">
  </div>
  <div class="col-xs-6">
    <input type="text" class="form-control dc-i" placeholder="Current value">
  </div>
<div class="col-xs-6"></div>
  <div class="col-xs-6">
<button type="button" id="dc-power-button-vi" class="btn btn-primary">Calculate</button>
</div>
</div>

</div>
<div id="tabs-2">
<div class="row" id="dc-power">
  <div class="col-xs-6">
    <input type="text" class="form-control dc-v-of-r" placeholder="Voltage value">
  </div>
  <div class="col-xs-6">
    <input type="text" class="form-control dc-r" placeholder="Resistance value">
  </div>
<div class="col-xs-6"></div>
  <div class="col-xs-6">
<button type="button" id="dc-power-button-vr" class="btn btn-primary">Calculate</button>
</div>
</div>

</div>
<div id="tabs-3">
<div class="row" id="dc-power">
  <div class="col-xs-6">
    <input type="text" class="form-control dc-i-of-r" placeholder="Current value">
  </div>
  <div class="col-xs-6">
    <input type="text" class="form-control dc-r-of-r" placeholder="Resistance value">
  </div>
<div class="col-xs-6"></div>
  <div class="col-xs-6">
<button type="button" id="dc-power-button-ir" class="btn btn-primary">Calculate</button>
</div>
</div>
</div>
</div>
<div id="output-of-input">Output</div>

URL: http://topgravity.com/dc-power-calculator/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.