Calculadora de Resistencias Eléctricas
About this app
Una calculadora de resistencias eléctricas que te permite calcular el valor de una resistencia a partir de sus colores.
Calculadora de Resistencias Eléctricas Calculadora de Resistencias Eléctricas 0 Ohms Tolerancia: 1%
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Calculadora de Resistencias Eléctricas</title>
<meta name="description" content="Una calculadora de resistencias eléctricas que te permite calcular el valor de una resistencia a partir de sus colores.">
<meta name="keywords" content="calculadora, resistencias, eléctricas, colores, valor">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Define global variables
let resistorColors = {
black: {
value: 0,
tolerance: 1
},
brown: {
value: 1,
tolerance: 1
},
red: {
value: 2,
tolerance: 2
},
orange: {
value: 3,
tolerance: 0.05
},
yellow: {
value: 4,
tolerance: 0.02
},
green: {
value: 5,
tolerance: 0.5
},
blue: {
value: 6,
tolerance: 0.25
},
violet: {
value: 7,
tolerance: 0.1
},
gray: {
value: 8,
tolerance: 0.01
},
white: {
value: 9,
tolerance: 0
},
gold: {
value: -1,
tolerance: 5
},
silver: {
value: -2,
tolerance: 10
}
};
// Function to calculate resistance value
function calculateResistance() {
let firstBand = $("#first-band").val();
let secondBand = $("#second-band").val();
let multiplier = $("#multiplier").val();
let tolerance = $("#tolerance").val();
let resistanceValue = (resistorColors[firstBand].value * 10 + resistorColors[secondBand].value) * Math.pow(10, resistorColors[multiplier].value);
let resistanceText = resistanceValue + " Ohms";
$("#resistance-value").text(resistanceText);
$("#resistance-tolerance").text(tolerance + "%");
}
// Event listener for color selection changes
$("#first-band, #second-band, #multiplier, #tolerance").change(function() {
calculateResistance();
});
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
body {
font-family: 'Open Sans', sans-serif;
background-color: #f1f1f1;
margin-top: 30px;
}
h1 {
text-align: center;
margin-bottom: 30px;
}
.band-container {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.band {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #000;
cursor: pointer;
transition: all 0.3s ease;
}
.band:hover {
transform: scale(1.1);
}
.band-label {
text-align: center;
margin-top: 5px;
font-weight: bold;
}
.resistance-value {
text-align: center;
margin-top: 30px;
font-size: 24px;
}
.tolerance-value {
text-align: center;
margin-top: 10px;
font-size: 18px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Calculadora de Resistencias Eléctricas</h1>
<div class="band-container">
<div class="band" id="first-band" style="background-color: #000;"></div>
<div class="band" id="second-band" style="background-color: #000;"></div>
<div class="band" id="multiplier" style="background-color: #000;"></div>
</div>
<div class="band-container">
<div class="band" id="tolerance" style="background-color: #fff; border: 1px solid #000;">
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
</div>
<div class="resistance-value" id="resistance-value">0 Ohms</div>
<div class="tolerance-value">Tolerancia: <span id="resistance-tolerance">1%</span></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!