jQuery addClass example

Change class name on click in jQuery

by Preeti_Patial

HTML

<div id="banner-message">
  <p>Hello World</p>
  <button>Change color</button>
</div>

JavaScript

// find elements
var banner = $("#banner-message")
var button = $("button")

// handle click and add class
button.on("click", function(){
  $.ajax({type:"POST",url:"here_is_my_php_file_path",data:{Actval:Actval},
	  success:function(ajax_data){
	    
	    
	    // var GraphDataPoints =  JSON.parse(ajax_data);
	    GraphData.push({name:"Total Patients",type:"column",lineThickness:1,color:"#F16D0C",markerSize:0,axisYType:"primary",axisYIndex:0,dataPoints:[ "{x:new Date(2020,02,24),y:2},"]});
	    var chart_appointments = new CanvasJS.Chart("chart-appointments", {
	      animationEnabled: true,
	      axisX:{
	        // interval: 1,
	        // intervalType: "hour",
	        valueFormatString: "DDDD",
	        interval: 1,
	        intervalType: "day"
	      },
	      axisY:{gridColor:"#aaa",gridDashType:"dot",titleFontSize:12,titleFontWeight:600,labelFontSize:11,valueFormatString:"####0.#",minimum:0},		
	      toolTip:{enabled:true,shared:true,fontSize:11,borderThickness:1},	
	      data:GraphData
	
	    });chart_appointments.render();
	}}); 
})