Beiträge von Paddel

Paddel

Wow. Vielen Danke

Paddel

Ich möchte einen Ladebalken erschaffen, der bei jedem Klick sich um 10 pc erweitert. Aber ich kann den width Wert irgendwie nicht auslsen und langsam verzweifel ich etwas. Hat vlt. jemand eine Idee? Wäre sehr dankbar.

Beste Grüße

Code

<head>
    <style>
#ladebalken {
    display: block;
    background: green;
    width: 10px;
    height: 1em;
    border: 1px solid darkgreen;
    offsetWidth: 20px;
    
}
    </style>
</head>
<body onload="codeAddress();">
<h1>Ladebalken</h1>

<main>
    <p>Fortschritt: <span id="ladebalken"> </span> </p>
    <button id="button">Los!</button>
</main>
<script>
function codeAddress() {
       
    var button = document.getElementById('button');
    button.onclick = function() { 
      
        var ladebalken = document.getElementById('ladebalken');
        var tmp = ladebalken.style.offsetWidth ;
        alert( ladebalken.style.width);
        ladebalken.style.width =  ladebalken.style.width + "px" + "10px";

}

}
</script>

Alles anzeigen

Beiträge von Paddel

Auslesen eines width Wert

Auslesen eines width Wert