refactor: formatting
This commit is contained in:
parent
3b4cbd8ae1
commit
f2138425b9
124
src/index.html
124
src/index.html
@ -86,73 +86,73 @@
|
|||||||
<div class="container output-element" id="resultsDiv">
|
<div class="container output-element" id="resultsDiv">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
|
||||||
<script>
|
var labelNumRats = document.getElementById("labelNumRats");
|
||||||
|
|
||||||
var labelNumRats = document.getElementById("labelNumRats");
|
var ratSlider = document.getElementById("numRats");
|
||||||
|
|
||||||
var ratSlider = document.getElementById("numRats");
|
labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
|
||||||
|
|
||||||
labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
|
|
||||||
|
|
||||||
ratSlider.oninput = function () {
|
|
||||||
labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
|
|
||||||
update();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Full floor functions
|
|
||||||
var fullFloorNum = document.getElementById("numFullFloors");
|
|
||||||
|
|
||||||
|
|
||||||
var savicSuiteRoyaleDim = new Dimensions(1, 0.5, 1);
|
|
||||||
|
|
||||||
function getResultFromChecks(checks) {
|
|
||||||
console.log(checks.length)
|
|
||||||
if (Object.keys(checks).length > 0) {
|
|
||||||
const ul = document.createElement('ul');
|
|
||||||
for (const key in checks) {
|
|
||||||
const li = document.createElement('li');
|
|
||||||
li.textContent = `❌` + checks[key];
|
|
||||||
ul.appendChild(li);
|
|
||||||
}
|
|
||||||
return ul;
|
|
||||||
} else {
|
|
||||||
const p = document.createElement('p');
|
|
||||||
p.innerHTML = "✅ Der Käfig erfüllt alle Kriterien!"
|
|
||||||
return p;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function update() {
|
|
||||||
var failed_checks = cageCheck(savicSuiteRoyaleDim, ratSlider.value, fullFloorNum.value);
|
|
||||||
var resultsDiv = document.getElementById("resultsDiv");
|
|
||||||
resultsDiv.innerHTML = `<strong>Ergebnis</strong>`;
|
|
||||||
|
|
||||||
const result = getResultFromChecks(failed_checks);
|
|
||||||
|
|
||||||
resultsDiv.appendChild(result);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function decreaseFloorNum() {
|
|
||||||
var input = document.getElementById('numFullFloors');
|
|
||||||
var value = parseInt(input.value);
|
|
||||||
if (value > 0) {
|
|
||||||
input.value = value - 1;
|
|
||||||
}
|
|
||||||
update();
|
|
||||||
}
|
|
||||||
|
|
||||||
function increaseFloorNum() {
|
|
||||||
var input = document.getElementById('numFullFloors');
|
|
||||||
var value = parseInt(input.value);
|
|
||||||
input.value = value + 1;
|
|
||||||
update();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
ratSlider.oninput = function () {
|
||||||
|
labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
|
||||||
update();
|
update();
|
||||||
</script>
|
}
|
||||||
|
|
||||||
|
// Full floor functions
|
||||||
|
var fullFloorNum = document.getElementById("numFullFloors");
|
||||||
|
|
||||||
|
|
||||||
|
var savicSuiteRoyaleDim = new Dimensions(1, 0.5, 1);
|
||||||
|
|
||||||
|
function getResultFromChecks(checks) {
|
||||||
|
console.log(checks.length)
|
||||||
|
if (Object.keys(checks).length > 0) {
|
||||||
|
const ul = document.createElement('ul');
|
||||||
|
for (const key in checks) {
|
||||||
|
const li = document.createElement('li');
|
||||||
|
li.textContent = `❌` + checks[key];
|
||||||
|
ul.appendChild(li);
|
||||||
|
}
|
||||||
|
return ul;
|
||||||
|
} else {
|
||||||
|
const p = document.createElement('p');
|
||||||
|
p.innerHTML = "✅ Der Käfig erfüllt alle Kriterien!"
|
||||||
|
return p;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function update() {
|
||||||
|
var failed_checks = cageCheck(savicSuiteRoyaleDim, ratSlider.value, fullFloorNum.value);
|
||||||
|
var resultsDiv = document.getElementById("resultsDiv");
|
||||||
|
resultsDiv.innerHTML = `<strong>Ergebnis</strong>`;
|
||||||
|
|
||||||
|
const result = getResultFromChecks(failed_checks);
|
||||||
|
|
||||||
|
resultsDiv.appendChild(result);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function decreaseFloorNum() {
|
||||||
|
var input = document.getElementById('numFullFloors');
|
||||||
|
var value = parseInt(input.value);
|
||||||
|
if (value > 0) {
|
||||||
|
input.value = value - 1;
|
||||||
|
}
|
||||||
|
update();
|
||||||
|
}
|
||||||
|
|
||||||
|
function increaseFloorNum() {
|
||||||
|
var input = document.getElementById('numFullFloors');
|
||||||
|
var value = parseInt(input.value);
|
||||||
|
input.value = value + 1;
|
||||||
|
update();
|
||||||
|
}
|
||||||
|
|
||||||
|
update();
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user