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>Conversor ADC</title>
	<style>
	label {
		color: white;
		font-size: 25px;
	}
	
	#resultado{
		color: white;
		font-size: 40px;
	}

select, .texto { 
		width: 90px; 
		height: 35px;
		font-size: 20px;
		background: #cbf1cb; 
		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 = [0.000001,0.001,1,1000,1000000];
		var vref = document.getElementById("Vref").value;
		var vin = document.getElementById("Vin").value;
		var bits = document.getElementById("bits").value;
		var a = document.getElementById("uno").value;
		var b = document.getElementById("dos").value;
		var adc, maxADC, resultado;
		
		vref=parseFloat(vref);
		vin=parseFloat(vin);
		bits=parseInt(bits);
		
		vref = vref * multiplos[a];
		vin = vin * multiplos[b];
		
		maxADC = (Math.pow(2,bits))-1;
		adc = (vin * maxADC)/vref;
		
		resultado = "Rango de 0 a " + maxADC;
		resultado += "<br>Valor digital: " + adc.toFixed(0);
		document.getElementById("resultado").innerHTML = resultado;

document.getElementById("entrada").innerHTML = vin + "V";
		document.getElementById("referencia").innerHTML = vref + "V";
		document.getElementById("salida").innerHTML = adc.toFixed(0);
		
	}
	</script>
</HEAD>
<BODY BGCOLOR="#333"	ALIGN="center">
	<label><u>Conversor Analogo a Digital</u><label>
	<br><br>
	Tension de referencia (Vref) = <input type="text" id="Vref" value="5" class="texto">
	<select id="uno">
		<option value="0">uV</option>
		<option value="1">mV</option>
		<option value="2" selected>V</option>
		<option value="3">KV</option>
	</select>
	<BR>
	Tension de la señal (Vin) = <input type="text" id="Vin" value="160" class="texto">
	<select id="dos">
		<option value="0">uV</option>
		<option value="1" selected>mV</option>
		<option value="2">V</option>
		<option value="3">KV</option>
	</select>
	<br>
	Cantdad de bits (bit) = <input type="number" id="bits" value="10" class="texto">
	<br><br>
	<input type="button" value="Calcular valor digital" onClick="calcular()" class="btn primary">

<br><br>
	<div id="resultado">Rango de 0 a 1023<br>Valor digital: 33</div>
	<br>
	<svg height="68mm" width="95mm" style="background-color: #fff;">
		<circle cx="43mm" cy="6mm" r="1.5mm" style="fill: none; stroke: black; stroke-width: 1mm;" />
		<line stroke="black" stroke-width="1mm" x1="43mm" y1="8mm" x2="43mm" y2="21mm" />
		<rect fill="none" stroke="black" stroke-width="1mm" x=120 y=80 width="23mm" height="20mm" />
		<path stroke = "black" fill = "none" d = "M40,120 C70,70, 85,160, 120,120," stroke-width="1mm"/>
		<line stroke="black" stroke-width="1mm" x1="55mm" y1="32mm" x2="70mm" y2="32mm" />
		<circle cx="72mm" cy="32mm" r="1.5mm" style="fill: none; stroke: black; stroke-width: 1mm;" />
		<line stroke="black" stroke-width="1mm" x1="43mm" y1="41mm" x2="43mm" y2="52mm" />
		<line stroke="black" stroke-width="1mm" x1="36mm" y1="52mm" x2="50mm" y2="52mm" />
		<line stroke="black" stroke-width="1mm" x1="39mm" y1="55mm" x2="47mm" y2="55mm" />
		<line stroke="black" stroke-width="1mm" x1="42mm" y1="58mm" x2="44mm" y2="58mm" />
		<text id="referencia" x="45mm" y="14mm">5V</text>
		<text id="entrada" x="7mm" y="42mm">0.16V</text>
		<text id="salida" x="68mm" y="42mm">33</text>
		<text x="36mm" y="33mm">ADC</text>
		<text x="28mm" y="8mm">Vref</text>
		<text x="14mm" y="26mm">Vin</text>
		<text x="56mm" y="28mm">Valor digital</text>
	</svg>
</BODY>
</HTML>

Descargar archivo