Frage von Eternum, 23

HTML-Rahmen färbt sich mit Schriftfarbe, Lösungen bekannt?

Hallo Leute, folgendes Problem:

https://gyazo.com/d346cdcc378301696e3826c65efe39b5 Wie anhand der Grafik erkennbar färbt sich der Rahmen unter der "Profit"-Spalte abhängig davon was die Schriftfarbe zuvor in der Spalte war. Da ich das ganze in JavaScript programmiere sieht mein Code so aus:

    var tab2 = document.createElement('div');
        tab2.id = 'history';
        tab2.className = 'divchat';
        tab2.innerHTML = '' +
                '<table id="historytable" style="border:1px solid #142EF2;margin-top:10px;margin-bottom:10px;font-size:18px;background-color:#232323;" border="1" align="center" width="96%"> \n\
                    <thead> \n\
                        <tr> \n\
                            <th style="text-align:center" width="24%"> Value </th> \n\
                            <th style="text-align:center" width="24%"> Color </th> \n\
                            <th style="text-align:center" width="24%"> Rolled </th> \n\
                            <th style="text-align:center" width="24%"> Profit </th> \n\
                        </tr> \n\
                    </thead> \n\
                    <tbody> \n\
                    </tbody> \n\
                </table>';
        document.getElementById('tab2').appendChild(tab2);

setTimeout(function () {                        
                var rollsHistory = document.createElement('tr');
                rollsHistory.innerHTML = '' +
                        '<td bgcolor="#232323" align="center" width="24%">' + value + '</td> \n\
                         <td ' + (betColor === "red" ? 'bgcolor="#c9302c"' : (lastBetColor === "red" ? 'bgcolor="#c9302c"' : (lastBetColor === "black" ? 'bgcolor="#444"' : 'bgcolor="#449d44"'))) + ' align="center" width="24%">' + betColor + '</td> \n\
                         <td ' + (lastRollColor === "red" ? 'bgcolor="#c9302c"' : (lastRollColor === "black" ? 'bgcolor="#444"' : 'bgcolor="449d44"')) + ' align="center" width="24%">' + parseInt($statusBar.text().split("rolled")[1]) + '</td> \n\
                         <td ' + (wonLastRoll() ? 'style="color:#449d44;"' : 'style="color:#c9302c;"') + ' align="center" width="24%">' + (wonLastRoll() ? value : "-" + value) + '</td>';
                document.getElementById('historytable').getElementsByTagName('tbody')[0].appendChild(rollsHistory);

                value = currentBetAmount;
            }, 300); 

ID: "tab2" ist dabei ein Reiter auf der Seite, welcher ein leeres Feld für ein Darstellung darstellt (in meinem Fall für eine Tabelle).

die setTimeout-Funktion wird von einer setInterval-function umschlossen welche eine neue Zeile für die Tabelle hinzufügt wenn die Bedingungen dafür erfüllt wurden.

Falls noch Fragen zum Verständnis bestehen, einfach nachfragen

Antwort
von Eternum, 8

/closed hat sich geklärt

Keine passende Antwort gefunden?

Fragen Sie die Community