Skip to content

Commit bea1d19

Browse files
Mr-TechXMr-TechX
authored
Add files via upload
1 parent d426fd1 commit bea1d19

12 files changed

Lines changed: 1590 additions & 0 deletions

File tree

‎volt-calc/calc/calc.html‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="description" content="Calculadora de caida de voltaje basado e mentros, calibre y amperaje">
6+
<meta name="author" content="TechX">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="icon" type="image/ico" href="../img/icn.png">
9+
<link rel="stylesheet" href="style.css">
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
13+
<title>Calculadora</title>
14+
</head>
15+
<body>
16+
<div class="container">
17+
<h1>Caida de voltaje por metro</h1>
18+
<form id="cableForm">
19+
<div class="form-group">
20+
<label for="calibre">Calibre del cable:</label>
21+
<input type="number" id="calibre" name="calibre" required>
22+
</div>
23+
<div class="form-group">
24+
<label for="distancia">Distancia (m):</label>
25+
<input type="number" id="distancia" name="distancia" required>
26+
</div>
27+
<div class="form-group">
28+
<label for="amperaje">Amperaje (A):</label>
29+
<input type="number" id="amperaje" name="amperaje" required>
30+
</div>
31+
<!-- <div class="form-group">
32+
<label for="voltaje">Voltaje (V):</label>
33+
<input type="number" id="voltaje" name="voltaje" required>
34+
</div> -->
35+
<button type="button" onclick="mostrarDatos()">Enviar</button>
36+
</form>
37+
38+
<div id="output" class="output" style="display: none;"></div>
39+
<button type="button" onclick="redireccionar()">Volver</button>
40+
<button type="button" onclick="recargar()">Recargar</button>
41+
</div>
42+
43+
<script src="code.js"></script>
44+
</body>
45+
</html>

‎volt-calc/calc/code.js‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
function mostrarDatos() {
2+
// FORMULA (RESISTENCIA * DISTANCIA) * AMPERAJE
3+
// const voltaje = document.getElementById('voltaje').value;
4+
// Resistencias por calibre en ohms/m
5+
const cal3_0 = 0.000077;
6+
const cal2_0 = 0.000098;
7+
const cal3 = 0.000197;
8+
const cal4 = 0.000253;
9+
const cal6 = 0.000395;
10+
const cal8 = 0.000628;
11+
const cal10 = 0.000998;
12+
const cal12 = 0.00159;
13+
const cal14 = 0.00252;
14+
const cal16 = 0.00409;
15+
16+
var amperaje = document.getElementById('amperaje').value;
17+
var calibre = document.getElementById('calibre').value;
18+
var distancia = document.getElementById('distancia').value;
19+
var resultado = 0;
20+
21+
if(calibre == 3_0 || calibre == 3/0 || calibre == 3-0) {
22+
resultado = cal3_0 * distancia;
23+
resultado = resultado * amperaje;
24+
} else if(calibre == 2_0 || calibre == 2/0 || calibre == 2-0) {
25+
resultado = cal2_0 * distancia;
26+
resultado = resultado * amperaje;
27+
} else if(calibre == 3) {
28+
resultado = cal3 * distancia;
29+
resultado = resultado * amperaje;
30+
} else if(calibre == 4) {
31+
resultado = cal4 * distancia;
32+
resultado = resultado * amperaje;
33+
} else if(calibre == 6) {
34+
resultado = cal6 * distancia;
35+
resultado = resultado * amperaje;
36+
} else if(calibre == 8) {
37+
resultado = cal8 * distancia;
38+
resultado = resultado * amperaje;
39+
} else if(calibre == 10) {
40+
resultado = cal10 * distancia;
41+
resultado = resultado * amperaje;
42+
} else if(calibre == 12) {
43+
resultado = cal12 * distancia;
44+
resultado = resultado * amperaje;
45+
} else if(calibre == 14) {
46+
resultado = cal14 * distancia;
47+
resultado = resultado * amperaje;
48+
} else if(calibre == 16) {
49+
resultado = cal16 * distancia;
50+
resultado = resultado * amperaje;
51+
} else {
52+
alert("Este calibre no esta en la base de datos por ahora");
53+
alert("Los calibres disponibles son: 3_0, 2_0, 3, 4, 6, 8, 10, 12, 14 y 16");
54+
}
55+
56+
57+
var redondeado = parseFloat(resultado.toFixed(2));
58+
const outputDiv = document.getElementById('output');
59+
outputDiv.style.display = 'block';
60+
outputDiv.innerHTML = `
61+
<h3>Caida de voltaje (ΔV):</h3>
62+
<p><strong>Resultado:</strong> ${redondeado} V</p>
63+
`;
64+
}
65+
66+
function redireccionar() {
67+
window.location.href = "../index.html";
68+
}
69+
70+
function recargar() {
71+
location.reload();
72+
}

‎volt-calc/calc/style.css‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
font-size: 20px;
4+
margin: 20px;
5+
line-height: 2.6;
6+
background-image: url("../img/wll.png");
7+
color: #ffffff;
8+
}
9+
.container {
10+
max-width: 600px;
11+
margin: 0 auto;
12+
padding-top: 40px;
13+
padding: 20px;
14+
background: #1e1e1e;
15+
border-radius: 8px;
16+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
17+
}
18+
h1 {
19+
text-align: center;
20+
color: #ffffff;
21+
}
22+
form {
23+
display: flex;
24+
flex-direction: column;
25+
}
26+
.form-group {
27+
margin-bottom: 15px;
28+
}
29+
label {
30+
font-weight: bold;
31+
margin-bottom: 5px;
32+
display: block;
33+
color: #ffffff;
34+
}
35+
input[type="number"] {
36+
width: 96%;
37+
padding: 10px;
38+
border: 1px solid #555;
39+
border-radius: 4px;
40+
font-size: 2rem;
41+
background-color: #2a2a2a;
42+
color: #ffffff;
43+
}
44+
input[type="number"]:focus {
45+
outline: none;
46+
border-color: #007BFF;
47+
}
48+
button {
49+
padding: 10px;
50+
background-color: #007BFF;
51+
color: white;
52+
border: none;
53+
border-radius: 4px;
54+
font-size: 2rem;
55+
cursor: pointer;
56+
margin-top: 10px;
57+
}
58+
button:hover {
59+
background-color: #0056b3;
60+
}
61+
.output {
62+
margin-top: 20px;
63+
padding: 15px;
64+
border: 1px solid #555;
65+
border-radius: 4px;
66+
background-color: #1e1e1e;
67+
color: #ffffff;
68+
}
69+
@media (max-width: 768px) {
70+
body {
71+
margin: 10px;
72+
}
73+
.container {
74+
padding: 15px;
75+
}
76+
}

‎volt-calc/img/icn.png‎

300 KB
Loading

‎volt-calc/img/wll.png‎

566 KB
Loading

‎volt-calc/img/wll1.jpg‎

88.5 KB
Loading

0 commit comments

Comments
 (0)