Antwort
Die Farbe ändern und die Skripts aufrufen kannst du mit JS. Einfach eine Methode erstellen und diese über den Button ausführen lassen, dann eine Variable haben welche dir sagt ob der.Button die eine oder die andere Farbe hat. Die Variable änderst du immer wenn man drauf klickt, dann Holst du dir immer das Button Objekt über den QuerySelector und änderst über element.style.backgroundColor = "red" die Farbe. Und da kannst du auch die PHP Skripts aufrufen.
<!DOCTYPE html>
<html>
<head>
<title>Hi</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<button onclick="test()" style="background-color: red;" id="btn">Click me <3</button>
<script defer>
const btn = document.querySelector("#btn")
const test = () => {
if (btn.style["background-color"] === "red") {
btn.style.backgroundColor = "green";
$.ajax({
url: "webservice.php?a=red"
}).done(function(data) {
console.log(data);
});
} else {
btn.style.backgroundColor = "red";
$.ajax({
url: "webservice.php?a=green"
}).done(function(data) {
console.log(data);
});
}
}
</script>
</body>
</html>