Counter with Color Themes - Jquery Typing CST Test

Counter with Color Themes — Jquery Code

Cycles through multiple color themes.

$(document).ready(function() {
	var count = 0;
	var themes = ['light-theme','dark-theme','blue-theme'];
	var current = 0;

	function updateCounter() {
		$('#counter').text(count);
		$('#container').attr('class', themes[current]);
		$('#theme-btn').text('Switch Theme');
	}

	$('#increment').click(function() { count++; updateCounter(); });
	$('#decrement').click(function() { count--; updateCounter(); });
	$('#reset').click(function() { count = 0; updateCounter(); });
	$('#theme-btn').click(function() { current = (current + 1) % themes.length; updateCounter(); });

	updateCounter();
});

Jquery Language Guide

jQuery is a fast, small, and feature-rich JavaScript library designed to simplify DOM manipulation, event handling, animations, and AJAX interactions. It provides a unified API that works consistently across all major browsers.

More Jquery Typing Exercises

Practice Other Languages