RC Low-Pass Filter - 3 Button
Enter any two of parameters R, C or fc. Then hit the button of the desired parameter.
Design Example:
Suppose you have R=100 and a desired
cutoff of fc=1e6. Find the capacitance needed by entering the two
parameters above and hit "Get C".
Schematic
Enter Components
Download / Basics
To run or modify on your PC, download
a simple version of this file with image
(*.zip).
For a quick tour of some JavaScript / HTML basics, check out
Inside the Code.
JavaScript
This code features 3 separate function calls, one per "Get_x" button.
////////////////////////////////////////////// // calc R ////////////////////////////////////////////// function getR_RC_Fil() { // get values directly from form var fc=document.myForm.fc.value var C=document.myForm.C.value var R // calc R=1/(fc*C*2*Math.PI); // place in text box document.myForm.R.value = (R).toPrecision(4); } ////////////////////////////////////////////// // calc C ////////////////////////////////////////////// function getC_RC_Fil() { // get values directly from form var R=document.myForm.R.value var fc=document.myForm.fc.value var C // calc C = 1/(R*fc*2*Math.PI); // place in text box document.myForm.C.value = (C).toPrecision(4); } ////////////////////////////////////////////// // calc fc ////////////////////////////////////////////// function getfc_RC_Fil() { // get values directly from form var R=document.myForm.R.value var C=document.myForm.C.value var fc // calc fc=1/(R*C*2*Math.PI); // place in text box document.myForm.fc.value = (fc).toPrecision(4); } ///////////////////////////////////////////////
HTML
Each input button calls its own JavaScript function when clicked.
<input type="button" value="Get R" onclick="getR_RC_Fil()">
<input type="button" value="Get C" onclick="getC_RC_Fil()">
<input type="button" value="Get fc" onclick="getfc_RC_Fil()">