diff --git a/src/js/lib/mathlib.js b/src/js/lib/mathlib.js
index 48e9bedc..4981c499 100644
--- a/src/js/lib/mathlib.js
+++ b/src/js/lib/mathlib.js
@@ -863,11 +863,12 @@ var mathlib = (function() {
 				var aface = adjFaces[face][i];
 				var ridx = adjFaces[aface].indexOf(face);
 				if (wide == 0 || wide == 1) {
-					swaps[i].push(base + i);
-					swaps[i].push(base + i + 5);
-					swaps[i].push(aface * 11 + ridx % 5 + 5);
-					swaps[i].push(aface * 11 + ridx % 5);
-					swaps[i].push(aface * 11 + (ridx + 1) % 5);
+					swaps[i].push(
+						base + i,
+						base + i + 5,
+						aface * 11 + ridx % 5 + 5,
+						aface * 11 + ridx % 5,
+						aface * 11 + (ridx + 1) % 5);
 				}
 				if (wide == 1 || wide == 2) {
 					swaps[i].push(aface * 11 + 10);
@@ -881,12 +882,14 @@ var mathlib = (function() {
 					var opp = oppFace[face];
 					var oaface = adjFaces[opp][ii];
 					var oridx = adjFaces[oaface].indexOf(opp);
-					swaps[i].push(opp * 11 + ii);
-					swaps[i].push(opp * 11 + ii + 5);
-					swaps[i].push(oaface * 11 + 10);
+					swaps[i].push(
+						opp * 11 + ii,
+						opp * 11 + ii + 5,
+						oaface * 11 + 10);
 					for (var j = 0; j < 5; j++) {
-						swaps[i].push(oaface * 11 + (oridx + j) % 5 + 5);
-						swaps[i].push(oaface * 11 + (oridx + j) % 5);
+						swaps[i].push(
+							oaface * 11 + (oridx + j) % 5 + 5,
+							oaface * 11 + (oridx + j) % 5);
 					}
 				}
 			}
@@ -1024,11 +1027,7 @@ var mathlib = (function() {
 	};
 
 	_.toStr = function(sol, move_map, power_map) {
-		var ret = [];
-		for (var i = 0; i < sol.length; i++) {
-			ret.push(move_map[sol[i][0]] + power_map[sol[i][1]]);
-		}
-		return ret.join(' ').replace(/ +/g, ' ');
+		return sol.map((move) => move_map[move[0]] + power_map[move[1]]).join(' ').replace(/ +/g, ' ');
 	};
 
 	// ida search algorithm
@@ -1123,89 +1122,6 @@ var mathlib = (function() {
 
 	_ = gSolver.prototype;
 
-	/*
-	_.calcNumOfStates = function() {
-		var len = this.solvedStates[0].length;
-		var genMove = [];
-		for (var moveIdx = 0; moveIdx < this.movesList.length; moveIdx++) {
-			var state = [];
-			for (var i = 0; i < len; i++) {
-				state.push(i + 32);
-			}
-			var newState = this.doMove(String.fromCharCode.apply(null, state), this.movesList[moveIdx][0]);
-			if (!newState) {
-				continue;
-			}
-			for (var i = 0; i < len; i++) {
-				state[i] = newState.charCodeAt(i) - 32;
-			}
-			genMove.push(state);
-		}
-		console.log(genMove);
-		var sgsObj = new SchreierSims(genMove);
-		console.log(sgsObj.size());
-		return sgsObj;
-
-		var genColor = [];
-		var state = this.solvedStates[0];
-		var e = [];
-		for (var i = 0; i < len; i++) {
-			e[i] = i;
-		}
-		var checked = [];
-		for (var i = 0; i < len; i++) {
-			if (checked[i]) {
-				continue;
-			}
-			for (var j = i + 1; j < len; j++) {
-				if (state[i] == state[j] && (i % 9 % 2) == (j % 9 % 2)) {
-					var perm = e.slice();
-					perm[i] = j;
-					perm[j] = i;
-					checked[j] = 1;
-					genColor.push(perm);
-				}
-			}
-		}
-
-		var sgsObj = new SchreierSims(genMove);
-		sgsObj.minkwitz();
-		var perm = e.slice();
-		var initMv = [];
-		for (var i = 0; i < 50; i++) {
-			var mv = rn(genMove.length);
-			perm = sgsObj.permMult(genMove[mv], perm);
-			initMv.push(sgsObj.invMap[mv]);
-		}
-		var sol = sgsObj.getGen(perm);
-		var move2str = function(v) { return "URFDLB"[~~(v/3)] + " 2'"[v%3]; };
-		sol = $.map(Array.prototype.concat.apply([], sol).reverse(), move2str).join(' ');
-		console.log($.map(initMv.reverse(), move2str).join(' '), '\n', sol);
-
-		var sgs0, sgs1, sgs01;
-		for (var r = 0; r < 100; r++) {
-			var shuffle = [];
-			for (var i = 0; i < len; i++) {
-				shuffle[i] = i;
-			}
-			for (var i = 0; i < len; i++) {
-				var j = ~~(Math.random() * (len - i)) + i;
-				var tmp = shuffle[i];
-				shuffle[i] = shuffle[j];
-				shuffle[j] = tmp;
-			}
-			sgs0 = new SchreierSims(genColor, shuffle);
-			sgs1 = new SchreierSims(genMove, shuffle);
-			sgs01 = sgs0.intersect(sgs1);
-			if (sgs01.cnt != -1) {
-				console.log(r);
-				break;
-			}
-		}
-		console.log(sgs01.cnt, sgs0.size(), sgs1.size(), sgs01.size(), sgs1.size() / sgs01.size());
-	};
-	*/
-
 	_.updatePrun = function(targetDepth) {
 		targetDepth = targetDepth === undefined ? this.prunDepth + 1 : targetDepth;
 		for (var depth = this.prunDepth + 1; depth <= targetDepth; depth++) {
@@ -1304,7 +1220,7 @@ var mathlib = (function() {
 			if (this.solvedStates.indexOf(state) == -1) {
 				return false;
 			}
-			var solArr = this.getSolArr();
+			var solArr = this.sol.map((move) => this.movesList[move][0]);
 			this.subOpt = true;
 			if (solArr.join(',') == this.prevSolStr) {
 				return false;
@@ -1347,14 +1263,6 @@ var mathlib = (function() {
 		return false;
 	};
 
-	_.getSolArr = function() {
-		var solArr = [];
-		for (var i = 0; i < this.sol.length; i++) {
-			solArr.push(this.movesList[this.sol[i]][0]);
-		}
-		return solArr;
-	}
-
 	var randGen = (function() {
 		var rndFunc;
 		var rndCnt;
@@ -1504,11 +1412,7 @@ var mathlib = (function() {
 	}
 
 	function idxArray(arr, idx) {
-		var ret = [];
-		for (var i = 0; i < arr.length; i++) {
-			ret.push(arr[i][idx]);
-		}
-		return ret;
+		return arr.map((elem) => elem[idx]);
 	}
 
 	function permOriMult(p1, p2, prod, o1, o2, ori, oriMod) {
diff --git a/src/js/lib/utillib.js b/src/js/lib/utillib.js
index 6305cd01..02cd3ac2 100644
--- a/src/js/lib/utillib.js
+++ b/src/js/lib/utillib.js
@@ -225,6 +225,10 @@ ISCSTIMER && execMain(function() {
 		});
 	};
 
+	$.fn.reclk = function(handler) {
+		return this.unbind('click').click(handler);
+	};
+
 	if ('serviceWorker' in navigator) {
 		$(function() {
 			navigator.serviceWorker.register('sw.js');
@@ -384,6 +388,10 @@ var DEBUGBL = false; // for debugging bluetooth
 		return ret;
 	};
 
+	$.format = function(format, args) {
+		return format.replace(/{(\d+)}/g, (m, num) => args[~~num] || '');
+	};
+
 	$.UDPOLY_RE = "skb|m?pyr|prc|heli(?:2x2|cv)?|crz3a|giga|mgm|klm|redi|fto|ctico";
 	$.TWISTY_RE = "sq1|clk|udpoly|" + $.UDPOLY_RE;
 })();
diff --git a/src/js/scramble/pyraminx.js b/src/js/scramble/pyraminx.js
index da559d81..17dd5aef 100644
--- a/src/js/scramble/pyraminx.js
+++ b/src/js/scramble/pyraminx.js
@@ -335,23 +335,23 @@ var mpyr = (function() {
 	}
 
 	MpyrCubie.MpyrMult = function() {
-		var prod = arguments[arguments.length - 1] || new MpyrCubie();
-		for (var k = 0; k < arguments.length; k++) {
-			var a = arguments[arguments.length - 1 - k];
+		var args = Array.from(arguments);
+		var prod = args.pop() || new MpyrCubie();
+		return args.reduceRight((b, a) => {
 			for (var i = 0; i < 4; i++) {
-				prod.ct[i] = k == 0 ? i : (a.ct[prod.ct[i]]);
-				prod.co[i] = k == 0 ? 0 : ((a.co[prod.cp[i]] + prod.co[i]) % 3);
-				prod.cp[i] = k == 0 ? i : (a.cp[prod.cp[i]]);
+				prod.ct[i] = a.ct[b.ct[i]];
+				prod.co[i] = (a.co[b.cp[i]] + b.co[i]) % 3;
+				prod.cp[i] = a.cp[b.cp[i]];
 			}
 			for (var i = 0; i < 6; i++) {
-				prod.eo[i] = k == 0 ? 0 : (a.eo[prod.ep[i]] ^ prod.eo[i]);
-				prod.ep[i] = k == 0 ? i : (a.ep[prod.ep[i]]);
+				prod.eo[i] = a.eo[b.ep[i]] ^ b.eo[i];
+				prod.ep[i] = a.ep[b.ep[i]];
 			}
 			for (var i = 0; i < 12; i++) {
-				prod.wp[i] = k == 0 ? i : (a.wp[prod.wp[i]]);
+				prod.wp[i] = a.wp[b.wp[i]];
 			}
-		}
-		return prod;
+			return prod;
+		});
 	}
 
 	function initMoveCube() {
@@ -546,18 +546,11 @@ var mpyr = (function() {
 	var move2str = ["U", "U'", "Uw", "Uw'", "B", "B'", "Bw", "Bw'", "R", "R'", "Rw", "Rw'", "L", "L'", "Lw", "Lw'"]
 
 	function prettyMoves(moves) {
-		var buf = [];
-		for (var i = 0; i < moves.length; i++) {
-			buf[i] = move2str[moves[i]];
-		}
-		return buf.join(' ');
+		return moves.map((move) => move2str[move]).join(' ');
 	}
 
 	function applyMoves(mc, moves) {
-		for (var i = 0; i < moves.length; i++) {
-			mc = MpyrCubie.MpyrMult(mc, MpyrCubie.moveCube[moves[i]], null);
-		}
-		return mc;
+		return moves.reduce((mc, move) => MpyrCubie.MpyrMult(mc, MpyrCubie.moveCube[move], null), mc);
 	}
 
 	function solveMpyr(mc) {
diff --git a/src/js/solver/ftocta.js b/src/js/solver/ftocta.js
index 8dabb014..94dfa18f 100644
--- a/src/js/solver/ftocta.js
+++ b/src/js/solver/ftocta.js
@@ -139,20 +139,20 @@ var ftosolver = (function() {
 	}
 
 	FtoCubie.FtoMult = function() {
-		var prod = arguments[arguments.length - 1] || new FtoCubie();
-		for (var k = 0; k < arguments.length; k++) {
-			var a = arguments[arguments.length - 1 - k];
+		var args = Array.from(arguments);
+		var prod = args.pop() || new FtoCubie();
+		return args.reduceRight((b, a) => {
 			for (var i = 0; i < 6; i++) {
-				prod.co[i] = k == 0 ? 0 : (a.co[prod.cp[i]] ^ prod.co[i]);
-				prod.cp[i] = k == 0 ? i : a.cp[prod.cp[i]];
+				prod.co[i] = a.co[b.cp[i]] ^ b.co[i];
+				prod.cp[i] = a.cp[b.cp[i]];
 			}
 			for (var i = 0; i < 12; i++) {
-				prod.ep[i] = k == 0 ? i : a.ep[prod.ep[i]];
-				prod.uf[i] = k == 0 ? i : a.uf[prod.uf[i]];
-				prod.rl[i] = k == 0 ? i : a.rl[prod.rl[i]];
+				prod.ep[i] = a.ep[b.ep[i]];
+				prod.uf[i] = a.uf[b.uf[i]];
+				prod.rl[i] = a.rl[b.rl[i]];
 			}
-		}
-		return prod;
+			return prod;
+		});
 	}
 
 	function initMoveCube() {
diff --git a/src/js/stats/recons.js b/src/js/stats/recons.js
index 4d2846ae..1ee636d8 100644
--- a/src/js/stats/recons.js
+++ b/src/js/stats/recons.js
@@ -2,12 +2,12 @@ var recons = execMain(function() {
 	var isEnable;
 	var titleStr = TOOLS_RECONS_TITLE.split('|');
 
-	var div = $('<div style="font-size:0.9em;" />');
+	var div = $('<div style="font-size:0.9em;">');
 	var reconsClick = $('<div>').append('<a target="_blank" class="exturl click"></a>');
 	var table = $('<table class="table">');
 	var rangeSelect = $('<select>');
 	var methodSelect = $('<select>');
-	var requestBack = $('<span class="click" />');
+	var requestBack = $('<span class="click">');
 	var tableTh = $('<tr>').append($('<th style="padding:0;">').append(methodSelect),
 		'<th>' + titleStr[0] + '</th><th>' + titleStr[1] + '</th><th>' + titleStr[2] + '</th><th>' + titleStr[3] + '</th>');
 
@@ -183,14 +183,14 @@ var recons = execMain(function() {
 		}
 
 		var trTpl =
-			'<tr style="$0" data="$1"><td rowspan=2 class="$8" style="padding-bottom:0;padding-top:0;">$1</td><td colspan=4 style="padding:0;">' +
-			'<span class="cntbar sty2" style="height:0.2em;float:left;border:none;width:$2%;">&nbsp;</span>' +
-			'<span class="cntbar" style="height:0.2em;float:left;border:none;width:$3%;">&nbsp;</span></td></tr>' +
-			'<tr style="$0" data="$1">' +
-			'<td style="padding-bottom:0;padding-top:0;">$4</td>' +
-			'<td style="padding-bottom:0;padding-top:0;">$5</td>' +
-			'<td style="padding-bottom:0;padding-top:0;">$6</td>' +
-			'<td style="padding-bottom:0;padding-top:0;">$7</td>' +
+			'<tr style="{0}" data="{1}"><td rowspan=2 class="{8}" style="padding-bottom:0;padding-top:0;">{1}</td><td colspan=4 style="padding:0;">' +
+			'<span class="cntbar sty2" style="height:0.2em;float:left;border:none;width:{2}%;">&nbsp;</span>' +
+			'<span class="cntbar" style="height:0.2em;float:left;border:none;width:{3}%;">&nbsp;</span></td></tr>' +
+			'<tr style="{0}" data="{1}">' +
+			'<td style="padding-bottom:0;padding-top:0;">{4}</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{5}</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{6}</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{7}</td>' +
 			'</tr>';
 
 		var str = [];
@@ -207,7 +207,7 @@ var recons = execMain(function() {
 			if (isSuperStep) {
 				curSIdx = sDataIdx[i];
 				var sval = stepSData[curSIdx];
-				var trsdata = [
+				str.push($.format(trTpl, [
 					'',
 					sval[0],
 					sval[1] / maxSubt * 100,
@@ -217,15 +217,9 @@ var recons = execMain(function() {
 					Math.round(sval[3] * 10) / 10,
 					sval[3] > 0 && sval[1] + sval[2] > 0 ? Math.round(sval[3] / (sval[1] + sval[2]) * 10000 ) / 10 : 'N/A',
 					'click sstep'
-				];
-				var curTr = trTpl;
-				for (var j = 0; j < 9; j++) {
-					curTr = curTr.replace(new RegExp('\\$' + j, 'g'), trsdata[j]);
-				}
-				str.push(curTr);
+				]));
 			}
-
-			var trdata = [
+			str.push($.format(trTpl, [
 				sDataIdx[i] == curSIdx ? 'display:none;' : '',
 				val[0],
 				val[1] / maxSubt * 100,
@@ -235,12 +229,7 @@ var recons = execMain(function() {
 				Math.round(val[3] * 10) / 10,
 				val[3] > 0 && val[1] + val[2] > 0 ? Math.round(val[3] / (val[1] + val[2]) * 10000 ) / 10 : 'N/A',
 				['oll', 'pll'].indexOf(val[0]) != -1 ? 'click' : ''
-			];
-			var curTr = trTpl;
-			for (var j = 0; j < 9; j++) {
-				curTr = curTr.replace(new RegExp('\\$' + j, 'g'),  trdata[j]);
-			}
-			str.push(curTr);
+			]));
 		}
 		var endTr = $('<tr>').append(tidx ? $('<td>').append(requestBack) : $('<td style="padding:0;">').append(rangeSelect),
 			'<td>' + (isPercent ? Math.round(totIns / sumSubt * 1000) / 10 + '%' : kernel.pretty(totIns)) + '</td>' +
@@ -538,7 +527,7 @@ var caseStat = execMain(function() {
 	var isEnable;
 	var titleStr = TOOLS_RECONS_TITLE.split('|');
 
-	var div = $('<div style="font-size:0.9em;" />');
+	var div = $('<div style="font-size:0.9em;">');
 	var table = $('<table class="table">');
 	var methodSelect = $('<select>');
 	var tableTh = $('<tr>').append(
@@ -575,17 +564,17 @@ var caseStat = execMain(function() {
 		}
 
 		var trTpl =
-			'<tr><td rowspan=2 style="padding-bottom:0;padding-top:0;">$1</td>' +
+			'<tr><td rowspan=2 style="padding-bottom:0;padding-top:0;">{1}</td>' +
 			'<td rowspan=2 style="padding:0;width:2em;"><img/></td>' +
-			'<td rowspan=2 style="padding-bottom:0;padding-top:0;">$2</td>' +
+			'<td rowspan=2 style="padding-bottom:0;padding-top:0;">{2}</td>' +
 			'<td colspan=4 style="padding:0;">' +
-			'<span class="cntbar sty2" style="height:0.25em;float:left;border:none;width:$3%;">&nbsp;</span>' +
-			'<span class="cntbar" style="height:0.25em;float:left;border:none;width:$4%;">&nbsp;</span></td></tr>' +
+			'<span class="cntbar sty2" style="height:0.25em;float:left;border:none;width:{3}%;">&nbsp;</span>' +
+			'<span class="cntbar" style="height:0.25em;float:left;border:none;width:{4}%;">&nbsp;</span></td></tr>' +
 			'<tr>' +
-			'<td style="padding-bottom:0;padding-top:0;">$5</td>' +
-			'<td style="padding-bottom:0;padding-top:0;">$6</td>' +
-			'<td style="padding-bottom:0;padding-top:0;">$7</td>' +
-			'<td style="padding-bottom:0;padding-top:0;">$8</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{5}</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{6}</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{7}</td>' +
+			'<td style="padding-bottom:0;padding-top:0;">{8}</td>' +
 			'</tr>';
 
 		table.empty().append(tableTh.unbind('click').click(procHeaderClick));
@@ -626,11 +615,7 @@ var caseStat = execMain(function() {
 		});
 
 		for (var row of trdata) {
-			var curTr = trTpl;
-			for (var j = 0; j < row.length; j++) {
-				curTr = curTr.replace(new RegExp('\\$' + j, 'g'), row[j]);
-			}
-			curTr = $(curTr);
+			var curTr = $($.format(trTpl, row));
 			var img = curTr.find('img');
 			img.css({
 				'width': '2em',
@@ -717,7 +702,7 @@ var caseStat = execMain(function() {
 });
 
 var scatter = execMain(function() {
-	var canvas = $('<canvas />'), ctx;
+	var canvas = $('<canvas>'), ctx;
 	var scatterDiv = $('<div style="text-align:center">');
 	var methodSelect = $('<select>');
 	var slowSpan = $('<span style="font-size:0.8em;">');
diff --git a/src/js/stats/stats.js b/src/js/stats/stats.js
index a1266109..5c39c69d 100644
--- a/src/js/stats/stats.js
+++ b/src/js/stats/stats.js
@@ -3,21 +3,21 @@
 var stats = execMain(function(kpretty, round, kpround) {
 	//[[penalty, phaseN end time, phaseN-1 end time, ..., phase1 end time], scramble, comment, timestamp of start, extension]
 	var times = [];
-	var div = $('<div id="stats" />');
-	var stext = $('<textarea rows="10" readonly />');
-	var scrollDiv = $('<div class="myscroll" />');
+	var div = $('<div id="stats">');
+	var stext = $('<textarea rows="10" readonly>');
+	var scrollDiv = $('<div class="myscroll">');
 	var statOptDiv = $('<div>');
 
-	var table = $('<table />').click(procClick).addClass("table");
-	var title = $('<tr />');
+	var table = $('<table>').click(procClick).addClass("table");
+	var title = $('<tr>');
 
-	var avgRow = $('<tr />');
+	var avgRow = $('<tr>');
 	var showAllRow = $('<tr class="click" ><th class="click" colspan="15">...</th></tr>');
 
-	var sumtable = $('<table class="sumtable" />').click(function(e) {
+	var sumtable = $('<table class="sumtable">').click(function(e) {
 		infoClick(times_stats_table, timesAt, e);
 	}).addClass("table");
-	var sumtableDiv = $('<div class="statc" />');
+	var sumtableDiv = $('<div class="statc">');
 
 	var MAX_ITEMS = 50;
 
@@ -106,7 +106,7 @@ var stats = execMain(function(kpretty, round, kpround) {
 	function pretty(time, showDNF) {
 		switch (time[0]) {
 		case 0: return kpretty(time[1]);
-		case -1: return "DNF" + (showDNF ? ("(" + kpretty(time[1]) + ")") : "");
+		case -1: return "DNF" + (showDNF ? `(${kpretty(time[1])})` : "");
 		default: return kpretty(time[0] + time[1]) + "+";
 		}
 	}
@@ -456,17 +456,15 @@ var stats = execMain(function(kpretty, round, kpround) {
 			var time = timesAt(cfmIdx);
 			var reviewElem = '';
 			if (time[4]) {
-				// reviewElem = $('<a target="_blank">' + STATS_REVIEW + '</a>').addClass('click');
-				// reviewElem.attr('href', getReviewUrl(time));
 				reviewElem = $('<span class="click" data="r">' + STATS_REVIEW + '</span>');
 				reviewElem = $('<tr>').append($('<td>').append(reviewElem), $('<td>').append(cfmExt));
 			}
 			cfmDiv.empty().append(cfmTime, '<br>', prettyMPA(time[0]), '<br>')
 				.append('<span class="click" data="c"> &#128203; </span>|<span class="click" data="p"> OK </span>|<span class="click" data="p"> +2 </span>|<span class="click" data="p"> DNF </span>| ', cfmDelR)
 				.append('<br>', $('<table style="display:inline-block;">').append(
-					$('<tr>').append('<td>' + STATS_COMMENT + '</td>', $('<td>').append(cfmTxtR)),
-					$('<tr>').append('<td><span class="click" data="s">' + SCRAMBLE_SCRAMBLE + '</span></td>', $('<td>').append(cfmScrR)),
-					$('<tr>').append('<td>' + STATS_DATE + '</td>', $('<td>').append(cfmDate)),
+					$('<tr>').append(`<td>${STATS_COMMENT}</td>`, $('<td>').append(cfmTxtR)),
+					$('<tr>').append(`<td><span class="click" data="s">${SCRAMBLE_SCRAMBLE}</span></td>`, $('<td>').append(cfmScrR)),
+					$('<tr>').append(`<td>${STATS_DATE}</td>`, $('<td>').append(cfmDate)),
 					reviewElem
 				)).unbind('click').click(procClk);
 			cfmTime.html(pretty(time[0], true));
@@ -629,7 +627,7 @@ var stats = execMain(function(kpretty, round, kpround) {
 		var tdpb = '<td class="times pb">';
 
 		var ret = [];
-		ret.push('<td class="times">' + (time[2] && "*") + (i + 1) + '</td>');
+		ret.push(`<td class="times">${time[2] && "*"}${i + 1}</td>`);
 		ret.push((st0pb ? tdpb : tdtm) + pretty(curTime, false) + '</td>');
 
 		var statSrc = kernel.getProp('statsrc', 't');
@@ -665,13 +663,13 @@ var stats = execMain(function(kpretty, round, kpround) {
 		var data = times_stats_table.getAllStats();
 		var prettyFunc = times_stats_table.prettyFunc || [kpretty, kpround];
 		var sum = len == data[0] ? 0 : (len - data[0]) * data[1];
-		avgRow.append('<th colspan="4" data="0" class="times">' + STATS_SOLVE + ': ' + (len - data[0]) + '/' + len + '<br>' +
+		avgRow.append(`<th colspan="4" data="0" class="times">${STATS_SOLVE}: ${len - data[0]}/${len}<br>` +
 			STATS_AVG + ': ' + prettyFunc[1](data[1]) +
-			(kernel.getProp('statssum') ? '<br>' + STATS_SUM + ': ' + prettyFunc[0](sum) : '') +
+			(kernel.getProp('statssum') ? `<br>${STATS_SUM}: ${prettyFunc[0](sum)}` : '') +
 			'</th>').css('font-size', '1.2em')
 		if (dim > 1) {
 			for (var j = 1; j <= dim; j++) {
-				avgRow.append('<th data="' + j + '" class="times">' + kpround(getMean(j)) + '</th>').css('font-size', '');
+				avgRow.append(`<th data="${j}" class="times">${kpround(getMean(j))}</th>`).css('font-size', '');
 			}
 		}
 	}
@@ -993,16 +991,16 @@ var stats = execMain(function(kpretty, round, kpround) {
 		var sessionIdxMin = 1;
 		var sessionIdx = -1;
 
-		var ssmgrDiv = $('<div />');
-		var ssmgrTable = $('<table />').appendTo(ssmgrDiv).addClass('table ssmgr');
+		var ssmgrDiv = $('<div>');
+		var ssmgrTable = $('<table>').appendTo(ssmgrDiv).addClass('table ssmgr');
 		var funcButton = $('<input type="button">').val('+');
 
 		var sessionData;
 		var ssSorted;
 
-		var newSessionOption = $('<option />').val('new').html('New..');
-		var delSessionOption = $('<option />').val('del').html('Delete..');
-		var select = $('<select />').change(function() {
+		var newSessionOption = $('<option>').val('new').html('New..');
+		var delSessionOption = $('<option>').val('del').html('Delete..');
+		var select = $('<select>').change(function() {
 			kernel.blur();
 			if (select.val() == 'new') {
 				createSession(sessionIdxMax, false);
@@ -1059,7 +1057,7 @@ var stats = execMain(function(kpretty, round, kpround) {
 			fixSessionData();
 			select.empty();
 			for (var i = 0; i < ssSorted.length; i++) {
-				select.append($('<option />').val(ssSorted[i]).html(sessionData[ssSorted[i]]['name']));
+				select.append($('<option>').val(ssSorted[i]).html(sessionData[ssSorted[i]]['name']));
 			}
 			select.append(newSessionOption, delSessionOption);
 			select.val(sessionIdx);
@@ -1843,7 +1841,7 @@ var stats = execMain(function(kpretty, round, kpround) {
 
 		div.append(
 			statOptDiv.append(
-				$('<span class="click" />').html(STATS_SESSION).click(sessionManager.showMgrTable),
+				$('<span class="click">').html(STATS_SESSION).click(sessionManager.showMgrTable),
 				sessionManager.getSelect(), sessionManager.getButton()),
 			sumtableDiv.append(sumtable),
 			$('<div class="stattl">').append(scrollDiv.append(table))
diff --git a/src/js/stats/trend.js b/src/js/stats/trend.js
index 676948b1..85257851 100644
--- a/src/js/stats/trend.js
+++ b/src/js/stats/trend.js
@@ -185,15 +185,14 @@ var trend = execMain(function(kpretty) {
 		if (/^scr/.exec(signal)) {
 			return;
 		}
-		var span = '<span class="click" data="%" style="font-family: iconfont, Arial;display:inline-block;width:2em;">$</span>';
+		var spanTpl = $.format.bind(null, '<span class="click" data="{0}" style="font-family:iconfont,Arial;display:inline-block;width:2em;">{1}</span>');
 		fdiv.empty().append(trendDiv.empty().append(canvas, '<br>', [
-			span.replace('$', '\ue80e').replace('%', 'x'),
-			span.replace('$', '&lt;').replace('%', 'p'),
-			span.replace('$', '&gt;').replace('%', 'm'),
-			span.replace('$', '\ue80f').replace('%', 'l'),
-			span.replace('$', '\ue810').replace('%', 's')
-		].join('')
-		).unbind('click').click(procClick));
+			spanTpl(['x', '\ue80e']),
+			spanTpl(['p', '&lt;']),
+			spanTpl(['m', '&gt;']),
+			spanTpl(['l', '\ue80f']),
+			spanTpl(['s', '\ue810'])
+		].join('')).unbind('click').click(procClick));
 		updateTrend();
 	}
 
diff --git a/src/js/tools/bldhelper.js b/src/js/tools/bldhelper.js
index 82b4c157..b196dcb4 100644
--- a/src/js/tools/bldhelper.js
+++ b/src/js/tools/bldhelper.js
@@ -709,41 +709,38 @@ var bldhelper = execMain(function() {
 	}
 
 	$(function() {
+		var inputNumTpl = $.format.bind(null, '<input id="{0}" type="text" style="width:4em" value="" pattern="\d{1,2}-\d{1,2}">');
+		var optTpl = $.format.bind(null, '<option value="{1}">{0}</option>');
 		var savedSets = JSON.parse(kernel.getProp('bldSets', '{}'));
 		for (var key in bldSets) {
 			if (key in savedSets) {
 				bldSets[key] = savedSets[key];
 			}
 		}
+		var schemes = [['Customed', 'customed'], ['Speffz', 'speffz'], ['ChiChu', 'chichu'], ['Custom', 'custom']];
 		schSel = $('<select id="scheme">');
-		var schemes = [['customed', 'Customed'], ['speffz', 'Speffz'], ['chichu', 'ChiChu'], ['custom', 'Custom']];
-		for (var i = 0; i < schemes.length; i++) {
-			schSel.append('<option value="' + schemes[i][0] + '">' + schemes[i][1] + '</option>');
-		}
+		schSel.append(schemes.map(optTpl).join(''));
 		cPreSel = $('<select id="bldsCorn">');
 		cbufSel = $('<select data="bufcorn" id="cbuff0" style="width:2em">');
 		cbufFlt = $('<select id="cbuff1" style="width:2em">');
 		cFixTxt = $('<input id="cfix" type="text" style="width:4em" value="" pattern="[URFDLBurfdlb +]*">');
-		cErrTxt = $('<input id="cnerrLR" type="text" style="width:4em" value="" pattern="\d{1,2}-\d{1,2}">');
-		cNScTxt = $('<input id="cscycLR" type="text" style="width:4em" value="" pattern="\d{1,2}-\d{1,2}">');
-		cNCoTxt = $('<input id="cncodeLR" type="text" style="width:4em" value="" pattern="\d{1,2}-\d{1,2}">');
+		cErrTxt = $(inputNumTpl(["cnerrLR"]));
+		cNScTxt = $(inputNumTpl(["cscycLR"]));
+		cNCoTxt = $(inputNumTpl(["cncodeLR"]));
 		ePreSel = $('<select id="bldsEdge">');
 		ebufSel = $('<select data="bufedge" id="ebuff0" style="width:2em">');
 		ebufFlt = $('<select id="ebuff1" style="width:2em">');
 		eFixTxt = $('<input id="efix" type="text" style="width:4em" value="" pattern="[URFDLBurfdlb +]*">');
-		eErrTxt = $('<input id="enerrLR" type="text" style="width:4em" value="" pattern="\d{1,2}-\d{1,2}">');
-		eNScTxt = $('<input id="escycLR" type="text" style="width:4em" value=""> pattern="\d{1,2}-\d{1,2}"');
-		eNCoTxt = $('<input id="encodeLR" type="text" style="width:4em" value="" pattern="\d{1,2}-\d{1,2}">');
+		eErrTxt = $(inputNumTpl(["enerrLR"]));
+		eNScTxt = $(inputNumTpl(["escycLR"]));
+		eNCoTxt = $(inputNumTpl(["encodeLR"]));
 		parityFlt = $('<select id="ceparity">');
 		var bflts = [['any', 0x7], ['ok', 0x1], ['flip', 0x2], ['move', 0x4], ['not ok', 0x6], ['ok/flip', 0x3], ['ok/move', 0x5]];
-		for (var i = 0; i < bflts.length; i++) {
-			cbufFlt.append('<option value="' + bflts[i][1] + '">' + bflts[i][0] + '</option>');
-			ebufFlt.append('<option value="' + bflts[i][1] + '">' + bflts[i][0] + '</option>');
-		}
+		var bfltOps = bflts.map(optTpl).join('');
+		cbufFlt.append(bfltOps);
+		ebufFlt.append(bfltOps);
 		var pflts = [['parity', 0x3], ['even', 0x1], ['odd', 0x2]];
-		for (var i = 0; i < pflts.length; i++) {
-			parityFlt.append('<option value="' + pflts[i][1] + '">' + pflts[i][0] + '</option>');
-		}
+		parityFlt.append(pflts.map(optTpl).join(''));
 		var pres = [['$', 0], ['solved', 1], ['any', 2]];
 		for (var i = 0; i < pres.length; i++) {
 			cPreSel.append('<option value="' + pres[i][1] + '">' + pres[i][0].replace('$', 'Corner') + '</option>');
diff --git a/src/js/twisty/twistyreplay.js b/src/js/twisty/twistyreplay.js
index a7e0907b..bc44b4c2 100644
--- a/src/js/twisty/twistyreplay.js
+++ b/src/js/twisty/twistyreplay.js
@@ -310,29 +310,29 @@ var replay = execMain(function() {
 	$(function() {
 		div = $('<table style="height:98%">');
 		puzzleDiv = $('<td style="height:80%">');
-		var span = '<span class="click playbutton" data="%">$</span>';
+		var spanTpl = $.format.bind(null, '<span class="click playbutton" data="{0}">{1}</span>');
 		rangeTime = $('<input type="range" style="width:50%;" data="r">');
 		txtTime = $('<span style="user-select:none;"></span>');
 		txtSpeed = $('<span style="user-select:none;">1x</span>');
 		algSpan = $('<a target="_blank">\u23efAlg</a>');
-		playSpan = $(span.replace('$', '\ue800').replace('%', 'p'));
+		playSpan = $(spanTpl(['p', '\ue800']));
 		moveSeqTd = $('<td style="width:0%;font-family:monospace;white-space:pre;">');
 		div.append(
 			$('<tr>').append($('<td>').append(
-				span.replace('$', vrcOriStr[1]).replace('%', 'o'), '| ',
+				spanTpl(['o', vrcOriStr[1]]), '| ',
 				algSpan, ' |',
-				span.replace('$', VRCREPLAY_SHARE).replace('%', 'a')
+				spanTpl(['a', VRCREPLAY_SHARE])
 			)),
 			$('<tr>').append(puzzleDiv, moveSeqTd),
 			$('<tr>').append($('<td style="display:flex;justify-content:center;">').append(txtSpeed, ' ', rangeTime, ' ', txtTime)),
 			$('<tr>').append($('<td>').append(
-				span.replace('$', '\ue807').replace('%', 's-'),
-				span.replace('$', '\ue806').replace('%', 's+'),
-				span.replace('$', '\ue802').replace('%', 's'),
-				span.replace('$', '\ue804').replace('%', 'l'),
+				spanTpl(['s-', '\ue807']),
+				spanTpl(['s+', '\ue806']),
+				spanTpl(['s', '\ue802']),
+				spanTpl(['l', '\ue804']),
 				playSpan,
-				span.replace('$', '\ue805').replace('%', 'n'),
-				span.replace('$', '\ue803').replace('%', 'e')
+				spanTpl(['n', '\ue805']),
+				spanTpl(['e', '\ue803'])
 			))
 		);
 		var req = $.urlParam('vrcreplay');