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>Codigo de capacitores</title>
	<style>
	label {
		color: white;
		font-size: 30px;
		text-shadow: 7px 4px 5px black;
	}
	
	#codigo{
		color: black;
		font-size: 70px;
		text-shadow: 3px 3px 3px white;
	}
	
	#resultado{
		color: white;
		font-size: 45px;
	}

select { 
		width: 90px; 
		height: 35px;
		font-size: 20px;
		background: #dfe3a3; 
		border-radius: .3em;
	}
	</style>
	<script>
	function capacitores(){
		const multiplos = [1,10,100,1000,10000,100000,0.1];
		var a = document.getElementById("uno").value;
		var b = document.getElementById("dos").value;
		var c = document.getElementById("tres").value;
		var pico, nano, micro;
		
		if (c == 6){
			document.getElementById("codigo").innerHTML = a + "." + b;
		}else{
			document.getElementById("codigo").innerHTML = a + b + c;
		}
		
		a=parseInt(a);
		b=parseInt(b);
		c=parseInt(c);
		
		if (c == 6){
			pico = ((a * 10) + b) * multiplos[6];
		}else{
			pico = ((a * 10) + b) * multiplos[c];
		}
		
		nano = pico / 1000;
		micro = nano / 1000;
		
		if (pico % 1 != 0) {
			pico  = pico.toFixed(1);
		}
		if (nano % 1 != 0) {
			if (c == 6){
				nano  = nano.toFixed(4);
			}else{
				nano  = nano.toFixed(3);
			}
		}
		if (micro % 1 != 0) {
			if (c == 6){
				micro  = micro.toFixed(7);
			}else{
				micro  = micro.toFixed(6);
			}
		}
		
		document.getElementById("resultado").innerHTML = pico + 
		"pF<br>" + nano +"nF<br>" + micro + "uF";
		
	}
	</script>
</HEAD>
<BODY BGCOLOR="#4f5e74"	ALIGN="center">
	<label><u>Codigo de Capacitores</u><label><BR>
	<BR>
	<svg height="50mm" width="50mm">
		<circle fill="#d89327" stroke="black" 
		stroke-width="1mm" cx="25mm" cy="21mm" 
		r="20mm" />
		<line stroke="black" stroke-width="2mm" 
		x1="0mm" y1="50mm" x2="12mm" y2="36mm" />
		<line stroke="black" stroke-width="2mm" 
		x1="50mm" y1="50mm" x2="38mm" y2="36mm" />
		<text id="codigo" x="10mm" y="25mm">101</text>
	</svg><BR><BR>
	<div id="resultado">100pF<br>0.100nF<br>0.000100uF</div>
	<BR>
	<select id="uno" onChange="capacitores()">
		<option value="0">0</option>
		<option value="1" selected>1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
	</select>
	<select id="dos" onChange="capacitores()">
		<option value="0" selected>0</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		
	</select>
	<select id="tres" onChange="capacitores()">
		<option value="0">0</option>
		<option value="1" selected>1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">R</option>
	</select>

</BODY>
</HTML>

Descargar archivo