Ihor Bratukh

[
	{ "keys": ["alt+shift+f"], "command": "reindent"}
]

<div class="entry">
	<h1>{{title}}</h1>
	<div class="body">
		{{body}}
	</div>
</div>

<script>
	template(document.querySelector('.entry'), {
		title: 'Lorem ipsum dolor sit amet.',
		body: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, optio.'
	});

	function template(node, data) {
		node.innerHTML = tag(node.innerHTML, data);
	}

	function tag(input, data) {
		for (var key in data) {
			input = input.replace(new RegExp('{{'+ key +'}}', 'g'), data[key]);
		}
		return input;
	}
</script>

function isNumeric(value) {
	var type = typeof value;
	return (type === 'number' || type === 'string') && !isNaN(value - parseFloat(value));
}

isNumeric('2562362') //> true
isNumeric('263621.621561sg') //> false

var html = `
<div class="single-question">
	<span class="{{class}}">{{text}}</span>	
</div>
`;

var result = tag(html, {
	class: 'test',
	text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, magni.'
});

function tag(input, data) {
	for (var tag in data) {
		input = input.replace(new RegExp('\\{{'+ tag +'\\}}', 'gi'), data[tag]);
	}
	return input;
}

<div class="single-question">
	<span class="test">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, magni.</span>	
</div>

$.ajax({...}).done(function() {
	$('.ajax-link').on('click', function() {
		alert(1);
	});
});

var set = [];

$.each($('#input-container input'), function() {
	set.push("*" + $(this).val());
});

console.log(set);

timer({
	container: '.timer',
	date: '09/30/2018',
	template: function() {
		return `
			<div>
				<span v-time-days></span>
				:
				<span v-time-hours></span>
				:
				<span v-time-minutes></span>
				:
				<span v-time-seconds></span>
			</div>
		`;
	},
	finish: function() {
		return '<span>Время вышло</span>';
	}
});

function timer(options) {
	var setting = extend({
		container: '.timer',
		date: '09/30/2018',
		template: function() {},
		finish: function() {}
	}, options || {});

	var general = {
		context: document.querySelector(setting.container),
		date: new Date(setting.date).getTime(),
		time: {},
		inverval: 0
	};

	general.context.innerHTML = setting.template.call(general.context);

	initTimer();

	general.interval = setInterval(initTimer, 1e3);

	function initTimer() {
		var remaining = general.date - Date.now();
		general.time = getTimeObject(remaining);
		if (remaining <= 1e3) {
			var html = setting.finish.call(general.context);
			if (html) general.context.innerHTML = html;
			clearInterval(general.inverval);
		} else {
			changeTime(general.time);
		}
	}

	function changeTime(time) {
		['days', 'hours', 'minutes', 'seconds'].forEach(function(name) {
			[].forEach.call(general.context.querySelectorAll('[v-time-' + name + ']'), function(node) {
				if (node.innerText !== time[name]) node.innerText = time[name];
			});
		});
	}

	function getTimeObject(time) {
		return doubleDigits({
			seconds: Math.floor((time / 1e3) % 60),
			minutes: Math.floor((time / 1e3 / 60) % 60),
			hours: Math.floor((time / (1e3 * 60 * 60) % 24)),
			days: Math.floor(time / (1e3 * 60 * 60 * 24))
		});
	}

	function doubleDigits(time) {
		if (typeof time === 'object') {
			for (var item in time) {
				time[item] = time[item] < 10 ? '0' + time[item] : String(time[item]);
			}
		} else {
			time = time < 10 ? '0' + time : time;
		}
		return time;
	}

	function extend(out) {
		out = out || {};
		for (var i = 1; i < arguments.length; i++) {
			var obj = arguments[i];
			if (!obj) continue;
			for (var key in obj) {
				if (obj.hasOwnProperty(key)) {
					if (typeof obj[key] === 'object') {
						out[key] = extend(out[key], obj[key]);
					}
					else {
						out[key] = obj[key];
					}
				}
			}
		}
		return out;
	}
}

load('header.html', function(html) {
	document.getElementById('includedContent').innerHTML = html;
}, console.error);

function ajax(params) {
	var request = new XMLHttpRequest();
	request.open(params.method || 'GET', params.url || window.location.href, params.async || true);
	request.setRequestHeader('Content-Type', params.contentType || 'application/x-www-form-urlencoded; charset=UTF-8');
	request.onreadystatechange = function() {
		if (this.readyState === 4) {
			if (this.status >= 200 && this.status < 400) {
				if (params.success) params.success(this.response, this.statusText, this.status);
			} else {
				if (params.error) params.error(this);
			}
		}
	};
	request.send(params.data ? JSON.stringify(params.data) : '');
	request = null;
}

function load(link, success, error) {
	ajax({
		url: link,
		method: 'GET',
		success: success,
		error: error
	});
}

// Возможные параметры функции ajax
// ajax({
// 	 method: 'GET',
// 	 url: 'https://text.com',
// 	 async: true,
// 	 contentType: 'application/json',
// 	 data: { test: true },
// 	 success: function(response, statusText, status) {},
// 	 error: function(xhr)
// })

;(function(factory) {
	if (typeof define === 'function' && define.amd) {
		define(['jquery'], factory);
	} else if (typeof module === 'object' && module.exports) {
		module.exports = function(root, jQuery) {
			if (jQuery === undefined) {
				if (typeof window !== 'undefined') {
					jQuery = require('jquery');
				} else {
					jQuery = require('jquery')(root);
				}
			}
			factory(jQuery);
			return jQuery;
		};
	} else {
		factory(jQuery);
	}
}(function($) {
	// код плагина
}));