Skip to content

Commit fe88201

Browse files
tgrothetgrothe
authored
Remove percentage calculator and update functions (#43)
* Remove percentage calculator and update functions Remove unneeded things * Prettified Code! * Add changes from html tidy --------- Co-authored-by: tgrothe <[email protected]>
1 parent a25f4cd commit fe88201

File tree

1 file changed

+5
-106
lines changed

1 file changed

+5
-106
lines changed

‎index.html‎

Lines changed: 5 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
.parent {
4242
display: grid;
4343
grid-template-columns: repeat(2, 1fr);
44-
grid-template-rows: repeat(3, 1fr);
44+
grid-template-rows: repeat(2, 1fr);
4545
grid-column-gap: 0px;
4646
grid-row-gap: 0px;
4747
}
@@ -50,64 +50,16 @@
5050
<body>
5151
<div style="width: fit-content; font-size: small">
5252
<fieldset>
53-
<legend>Theme:</legend> <input type="radio" id="slm" name="theme" style="margin-top: -1px; vertical-align: middle" onclick="setLightMode();" checked> <label for="slm">Light</label> <input type="radio" id="sdm" name="theme" style="margin-top: -1px; vertical-align: middle" onclick="setDarkMode();"> <label for="sdm">Dark</label>
53+
<legend>Theme:</legend> <input type="radio" id="slm" name="theme" style="margin-top: -1px; vertical-align: middle" onclick="setLightMode()" checked> <label for="slm">Light</label> <input type="radio" id="sdm" name="theme" style="margin-top: -1px; vertical-align: middle" onclick="setDarkMode()"> <label for="sdm">Dark</label>
5454
</fieldset>
5555
</div>
5656
<div class="parent">
57-
<div lang="en">
58-
<h3>Simple percentage calculator:</h3>
59-
<table id="table_a">
60-
<tr>
61-
<td style="width: 175px"><label>Start value:</label></td>
62-
<td colspan="3"><input type="number" value="175.0" name="v1" onchange="calc1()"></td>
63-
</tr>
64-
<tr>
65-
<td><label>Percent (0 to 100):</label></td>
66-
<td colspan="3"><input type="number" value="15.0" name="v2" onchange="calc1()"></td>
67-
</tr>
68-
<tr>
69-
<td><label>Percent (0 to 100):</label></td>
70-
<td colspan="3"><input type="range" min="0" max="100" step="5.0" value="15" name="v3" onchange="document.getElementsByName('v2')[0].value = this.value; calc1();"></td>
71-
</tr>
72-
<tr>
73-
<td><label>Percent:</label></td>
74-
<td>±</td>
75-
<td id="r1"></td>
76-
<td>%</td>
77-
</tr>
78-
<tr>
79-
<td><label>Values:</label></td>
80-
<td colspan="3" id="r2"></td>
81-
</tr>
82-
<tr>
83-
<td><label>Upper:</label></td>
84-
<td colspan="3" id="r3"></td>
85-
</tr>
86-
<tr>
87-
<td><label>Lower:</label></td>
88-
<td colspan="3" id="r4"></td>
89-
</tr>
90-
<tr>
91-
<td><label>Reverse percentage:</label></td>
92-
<td colspan="3" id="r5"></td>
93-
</tr>
94-
<tr>
95-
<td><label>Reverse percentage f:</label></td>
96-
<td colspan="3" id="r6"></td>
97-
</tr>
98-
</table>
99-
</div>
10057
<div>
10158
<h3>Annuitätendarlehen-Rechner:</h3>
10259
<p>Legende: <code>A=Annuität</code>, <code>K=Darlehnsbetrag</code>, <code>p=Zinssatz</code>, <code>q=1+p</code>, <code>n=Darlehnslaufzeit</code>.</p>
103-
<p>Werte für [K, p, n]: <input type="text" value="[1000, 0.07, 3]" name="vDarlehn" onchange="calc3()">.</p>
60+
<p>Werte für [K, p, n]: <input type="text" value="[1000, 0.07, 3]" name="vDarlehn" onchange="calc_a()">.</p>
10461
<p>Annuität: <code id="eDarlehn"></code> (Summe: <code id="eDarlehn2"></code>).</p>
10562
</div>
106-
<div lang="en">
107-
<h3>Image width and height calculator:</h3>
108-
<textarea id="ta1" rows="10" cols="50">One image URL per line...</textarea>
109-
<p><button onclick="convert()">Convert</button></p>
110-
</div>
11163
<div>
11264
<h3>Lineares Gleichungssystem lösen:</h3>
11365
<textarea id="ta2" rows="10" cols="50">1, 1, 0, 0, 0, 0, 0, 47
@@ -121,30 +73,7 @@ <h3>Lineares Gleichungssystem lösen:</h3>
12173
</div>
12274
</div>
12375
<script>
124-
function calc1() {
125-
try {
126-
let v1 = parseFloat(document.getElementsByName("v1")[0].value);
127-
let v2 = parseFloat(document.getElementsByName("v2")[0].value);
128-
let v3 = (v2 / 100.0) * v1;
129-
let v4 = v1 + v3;
130-
let v5 = v1 - v3;
131-
let v6 = Number((v1 / v4 - 1.0) * 100.0).toFixed(3);
132-
let v7 = Number((v1 / v5 - 1.0) * 100.0).toFixed(3);
133-
let v8 = Number((v1 / v4) * 100.0).toFixed(3);
134-
let v9 = Number((v1 / v5) * 100.0).toFixed(3);
135-
document.getElementById("r1").innerText = v2;
136-
document.getElementById("r2").innerText = v1 + ", " + v2 + ", " + v3;
137-
document.getElementById("r3").innerText = v4;
138-
document.getElementById("r4").innerText = v5;
139-
document.getElementById("r5").innerText = v6 + ", " + v7;
140-
document.getElementById("r6").innerText = v8 + ", " + v9;
141-
} catch (error) {
142-
alert("The input values are not valid.");
143-
}
144-
}
145-
calc1();
146-
147-
function calc3() {
76+
function calc_a() {
14877
try {
14978
const json = JSON.parse(
15079
document.getElementsByName("vDarlehn")[0].value,
@@ -162,37 +91,7 @@ <h3>Lineares Gleichungssystem lösen:</h3>
16291
alert("The input values are not valid.");
16392
}
16493
}
165-
calc3();
166-
167-
async function convert() {
168-
let rows = document.getElementById("ta1").value.split("\n");
169-
let s = "[\n";
170-
for (let i = 0; i < rows.length; i++) {
171-
let row = rows[i];
172-
if (row.startsWith('"')) {
173-
row = row.substring(1, row.length - 1);
174-
}
175-
s += await preloadImage(row);
176-
}
177-
s += "];";
178-
document.getElementById("ta1").value = s;
179-
}
180-
181-
async function preloadImage(imgSrc) {
182-
let img = new Image();
183-
try {
184-
await new Promise((resolve, reject) => {
185-
img.onload = () => resolve(img);
186-
img.onerror = reject;
187-
img.src = imgSrc;
188-
});
189-
} catch (error) {
190-
return ' [ "' + imgSrc + '", ' + -1 + ", " + -1 + " ],\n";
191-
}
192-
return (
193-
' [ "' + imgSrc + '", ' + img.width + ", " + img.height + " ],\n"
194-
);
195-
}
94+
calc_a();
19695

19796
class GaussJordan {
19897
constructor(matrix) {

0 commit comments

Comments
 (0)