Compare commits

...

2 Commits

Author SHA1 Message Date
7167d275b6 feat: put out descriptive message if everything okay
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
2024-07-18 23:59:08 +02:00
c8ecd4a809 fix: various styling/syntax 2024-07-18 23:58:42 +02:00
2 changed files with 69 additions and 52 deletions

View File

@ -41,6 +41,10 @@ h1, h2 {
margin: 20px;
}
.output-element {
margin: 20px;
}
label {
font-weight: bold;

View File

@ -16,6 +16,7 @@
<label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label>
<input type="range" min="1" max="20" value="4" class="slider" id="numRats">
</div>
</div>
<div class="input-element">
<label for="numFullFloors">Vollebenen</label>
@ -27,13 +28,11 @@
</div>
</div>
</div>
<div class="container" id="resultsDiv">
<div class="container output-element" id="resultsDiv">
</div>
</div>
</div>
</div>
<script>
<script>
var labelNumRats = document.getElementById("labelNumRats");
@ -52,19 +51,32 @@
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 ul = document.createElement('ul');
for (const key in failed_checks) {
const li = document.createElement('li');
li.textContent = failed_checks[key];
ul.appendChild(li);
}
const result = getResultFromChecks(failed_checks);
resultsDiv.appendChild(ul);
resultsDiv.appendChild(result);
}
@ -83,8 +95,9 @@
input.value = value + 1;
update();
}
update();
</script>
</script>
</body>
</html>