Czy jest jakiś sposób w javascript do ustawiania inny kolor przycisku dla różnych wartości tekstu - javascript

Tylko te przyciski mają ten sam kolor, które mają tę samą wartość testową jak tagi github.

Z góry dziękuję.

Odpowiedzi:

Najpierw powinieneś spróbować samemu i podzielić się swoim kodem, co próbowałeś zadając pytanie.

Zbierz wszystkie przyciski, porównaj wartości tekstu i ustaw kolory tła.

function changeButtonsBgColors() {
var buttons = document.getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) {
var button = buttons[i];
if (button.value == "Close") button.style.background = "#C0C0C0";
else if (button.value == "Ok") button.style.background = "#33FF3F";
else if (button.value == "Done") button.style.background = "#4AC91B";
else if (button.value == "Delete") button.style.background = "#FF0000";
}
}

Pamiętaj tylko, aby mieć ten kod onload wydarzenie lub na dole strony.

Jest to całkowicie wykonalne. Zakładając, że „używasz jquery, będzie wyglądać mniej więcej tak:

var bttnText = $(".button-class").html();
if(bttnText == "some text"){
$(".button-class").addClass("some-class");
}

Zakładając, że używasz jQuery, spróbuj tego: Przyjmie każdą etykietę z klasowym tekstem i nada jej losowy kolor, jeśli pasuje do tekstu innej etykiety, użyje tego samego koloru. Oto link jsfiddle, aby zobaczyć, jak to działa.

https://jsfiddle.net/jamiguel77/atg5m6ym/

$(document).ready(function() {
var colors = [];
$(".color-text").each(function(key,value){
if(colors[$(value).text()]) {
$(value).css("color", colors[$(this).text()]);
} else {
var color = getRandomColor();
$(value).css("color", color);
colors[$(value).text()] = color;
}
});
});

function getRandomColor() {
var letters = "0123456789ABCDEF";
var color = "#";
for (var i = 0; i < 6; i++ ) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}