jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<pre id="banner-message"></pre>

<input type='number' id='day' name='day' maxlength='2'/>

JavaScript

// find elements
var $banner = $("#banner-message");
const $input = $('#day');
$input.on('blur', (e) => {
	$banner.text(formatDateByDay($input.val()));
});

function formatDateByDay(day) {
	const d = new Date();
	const options = {month: '2-digit', day: '2-digit', year: 'numeric'};
	if(d.getDay() > Number(day)) {
		d.setMonth(d.getMonth() + 1)
	}
	d.setDate(day);
	
	return d.toLocaleDateString('en-EN', options);
}