next up previous
Nächste Seite: 2025-06-04, valenzsequenzsedadd20250427.sh Aufwärts: Übungen 6 - new Vorherige Seite: 2025-06-04, tcpiprs23220250509.txt

2025-06-04, test.html 

<html>
<body>
<div id="div20250527001"></div>
<script>
var str ="+++ ++++++ Dave Vajda - VHDL - TTL - DNF - Quine Mc Cluskey - ... +++++ ++";

for (j = str.length;  j < 68;   j++)
    str = str + " ";

document.body.onload = addElement;

setInterval(rotateElements, 250);

function addElement() {
    var i = 0;

        var newDiv = document.createElement("div");
        newDiv.id = "div20250426001_" + 0;
        newDiv.style= "float: left; ";
        var newContent = document.createTextNode(str.charAt(67));
        newDiv.appendChild(newContent);
        const currentDiv = document.getElementById("div20250527001");
        document.body.insertBefore(newDiv, currentDiv);



    for (i = 1;  i < 68;  i++) {
        var newDiv = document.createElement("div");
        newDiv.id = "div20250426001_" + i;
        if (i > 32) {
            newDiv.style= "float: left; font-size: 64px; width: 8%; height: 8%";
        }
        else if (i == 48){
            newDiv.style= "float: left; font-size: 24px; width: 4%; height: 3%; clear: both; padding-left: 40%;";
        }
        else {
            newDiv.style= "float: left; font-size: 24px; width: 4%; height: 3%;";
        }
        var newContent = document.createTextNode(str.charAt(67 - i));
        newDiv.appendChild(newContent);
        const currentDiv = document.getElementById("div20250426001_" + (i-1));
        document.body.insertBefore(newDiv, currentDiv);
    }


}

function rotateElements () {
    var i;

    var currentDiv = document.getElementById("div20250426001_" + 0);
    var textContent1 = currentDiv.firstChild.textContent;
    var str = "";
    for (i = 1; i < 68;  i++) {
        var currentDiv = document.getElementById("div20250426001_" + i);
        var textContent2 = currentDiv.firstChild.textContent;
        currentDiv.firstChild.textContent = textContent1;
        textContent1 = textContent2;
    }
    var currentDiv = document.getElementById("div20250426001_" + 0);
    currentDiv.firstChild.textContent = textContent1;
}
</script>
</body>
</html>