Programacion

<HTML>
<HEAD>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
	<title>Regulador de tension</title>
	<style>
	label {
		color: white;
		font-size: 25px;
	}
	
	#resultado{
		color: #d0f8d2;
		font-size: 42px;
	}

select, .texto { 
		width: 90px; 
		height: 35px;
		font-size: 20px;
		background: #d0f8d2; 
		border-radius: .3em;
	}
	
	.btn {
	  border: none; 
	  color: white; 
	  padding: 14px 150px;
	  border-radius: 5px; 
	}

.primary {background-color: #007bff;} 
	.primary:hover {background-color: #4b7dda;}
	
	</style>
	<script>
	function calcular(){
		const multiplos = [1,1000,"Ω","KΩ"];
		var r1 = document.getElementById("R1").value;
		var r2 = document.getElementById("R2").value;
		var a = document.getElementById("uno").value;
		var b = document.getElementById("dos").value;
		var Iadj, Vout;
		
		r1=parseFloat(r1);
		r2=parseFloat(r2);
		a=parseInt(a);
		b=parseInt(b);
		
		document.getElementById("resistencia1").innerHTML = r1 + multiplos[a+2];
		document.getElementById("resistencia2").innerHTML = r2 + multiplos[b+2];
		
		r1 = r1 * multiplos[a];
		r2 = r2 * multiplos[b];
		
		Iadj = 46 * 0.000001; //46-100uA
		Vout = 1.25 * (1+(r2/r1)) + (Iadj*r2);
		Vout = Vout.toFixed(2) + "V";
		
		document.getElementById("resultado").innerHTML = "Vout = " + Vout;
		document.getElementById("salida").innerHTML = Vout;
		
	}
	</script>
</HEAD>
<BODY BGCOLOR="#341f29"	ALIGN="center">
	<label><u>Regulador de Tension LM317</u><label>
	<br><br>
	Resistencia 1 (R1) = <input type="text" id="R1" value="220" class="texto">
	<select id="uno">
		<option value="0" selected>Ω</option>
		<option value="1">KΩ</option>
	</select>
	<br>
	Resistencia 2 (R2) = <input type="text" id="R2" value="390" class="texto">
	<select id="dos">
		<option value="0" selected>Ω</option>
		<option value="1">KΩ</option>
	</select>
	<br><br>
	<input type="button" value="Calcular Tension de salida" onClick="calcular()" class="btn primary">
	<br><br>
	<div id="resultado">Vout = 3.48V</div>
	<br>
	<svg height="55mm" width="80mm" style="background-color: #fff;">
		<polyline points="80,10 180,10 180,60 80,60 80,10" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="25,35 80,35" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="180,35 240,35" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="220,35 220,95 199,95" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="200,95 193,105 184,85 177,105 170,85 163,105 154,85 147,95" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="130,58 130,95 148,95" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="130,95 130,115" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="130,115 140,122 120,129 140,136 120,143 140,150 120,157 130,164" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="130,164 130,182" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="110,182 150,182" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="115,188 145,188" style="fill:none; stroke:#000; stroke-width:1mm" />
		<polyline points="120,194 140,194" style="fill:none; stroke:#000; stroke-width:1mm" />
		<circle cx="5mm" cy="9mm" r="2mm" style="fill: none; stroke: black; stroke-width: 1mm;" />
		<circle cx="65mm" cy="9mm" r="2mm" style="fill: none; stroke: black; stroke-width: 1mm;" />
		<circle cx="34.5mm" cy="25mm" r="1mm" style="fill: none; stroke: black; stroke-width: 1mm;" />
		<circle cx="58.4mm" cy="9.5mm" r="1mm" style="fill: none; stroke: black; stroke-width: 1mm;" />
		<text x="95" y="44" font-size="6mm">LM317</text>
		<text x="188" y="80" font-size="6mm">R1</text>
		<text id="resistencia1" x="155" y="130" font-size="6mm">220Ω</text>
		<text x="90" y="125" font-size="6mm">R2</text>
		<text id="resistencia2" x="60" y="150" font-size="6mm">390Ω</text>
		<text x="20" y="60" font-size="4mm">Vin</text>
		<text x="8" y="80" font-size="5mm">3V - 40V</text>
		<text x="245" y="60" font-size="4mm">Vout</text>
		<text id="salida" x="238" y="85" font-size="6mm">3.48V</text>
	</svg>
</BODY>
</HTML>

Descargar archivo