JSFiddle - React, Tailwind, and code Playground

by Anov Siradj

HTML

<body ng-app="ap" ng-controller="con">
    <div ng-class="class">{{class}}</div>
    <button ng-click="changeClass()">Change Class</button>    
</body>

CSS

.red{
    color:red;
}

.blue{
    color:blue;
}

JavaScript

var app = angular.module("ap",[]);

app.controller("con",function($scope){
    
    $scope.class = "red";
    
    $scope.changeClass = function(){
        if ($scope.class === "red")
            $scope.class = "blue";
         else
            $scope.class = "red";
    };
});