main.js

document.addEventListener("DOMContentLoaded", function() {
	let body = document.getElementsByTagName("body")[0];
	let css = document.getElementsByTagName("link")[0];
	let js = document.getElementsByTagName("script")[0];

	css.setAttribute("href", "./style.css?" + epoch());
	js.setAttribute("src", "./main.js?" + epoch());

	let binaryInputs = document.getElementsByClassName("binary-converter")[0].getElementsByClassName("input");
	let inputDecimal = document.getElementsByClassName("decimal")[0];
	let inputBinary = document.getElementsByClassName("binary")[0];
	let inputOneC = document.getElementsByClassName("one-c")[0];
	let inputTwoC = document.getElementsByClassName("two-c")[0];

	for(let i = 0; i < binaryInputs.length; i++) {
		binaryInputs[i].addEventListener("keydown", function(e) {
			if(e.key.toLowerCase() === "enter") {
				e.preventDefault();
				let value = binaryInputs[i].textContent.trim().replaceAll(" ", "");
				let type = binaryInputs[i].getAttribute("data-type");
				convert(type, value);
			}
		});
		binaryInputs[i].addEventListener("keyup", function(e) {
			if(e.key.toLowerCase() === "enter") {
				e.preventDefault();
				let value = binaryInputs[i].textContent.trim().replaceAll(" ", "");
				let type = binaryInputs[i].getAttribute("data-type");
				convert(type, value);
			}
		});
	}

	let buttonClear = document.getElementsByClassName("clear")[0];
	let buttonConvert = document.getElementsByClassName("convert")[0];

	buttonClear.addEventListener("click", function() {
		clearAll();
	});
	buttonConvert.addEventListener("click", function() {
		let type;
		let value;
		let filled = 0;
		for(let i = 0; i < binaryInputs.length; i++) {
			if(!empty(binaryInputs[i].textContent.trim())) {
				filled += 1;
				value = binaryInputs[i].textContent.trim().replaceAll(" ", "");
				type = binaryInputs[i].getAttribute("data-type");
			}
		}
		if(filled === 1) {
			convert(type, value);
		}
		else if(filled < 1) {
			alert("Please enter a value into one of the fields.");
		}
		else {
			alert("You can only enter a value into one of the fields. Did you remember to \"Clear All\"?");
		}
	});

	function convert(type, value) {
		if(!empty(value)) {
			let number = parseInt(value);

			// console.log("Type: " + type);
			// console.log("Value: " + value);

			let characters = value.split("");
			let reverse = value.split("").reverse();

			// console.log("Characters: " + characters);
			// console.log("Reverse: " + reverse);

			let decimal;
			let binary;
			let oneC;
			let twoC;

			if(type === "decimal") {
				decimal = value;

				if(characters[0] === "-") {
					binary = "-" + decimalToBinary(parseInt(value.replaceAll("-", "")));
					oneC = decimalToOneC(value);
					twoC = decimalToTwoC(value);
				}
				else {
					binary = decimalToBinary(number);
					oneC = "-";
					twoC = "-";
				}
			}
			else if(type === "binary") {
				binary = value.padStart(8, "0");

				if(characters[0] === "-") {
					decimal = "-" + binaryToDecimal(parseInt(value.replaceAll("-", "")));
					oneC = decimalToOneC(decimal);
					twoC = decimalToTwoC(decimal);
				}
				else {
					decimal = binaryToDecimal(number);
				}
			}
			else if(type === "one-c") {
				oneC = value.padStart(8, "0");
				decimal = oneCToDecimal(oneC);

				if(decimal.split("")[0] === "-") {
					binary = "-" + decimalToBinary(parseInt(decimal.replaceAll("-", "")));
				}
				else {
					binary = decimalToBinary(decimal);
				}

				twoC = decimalToTwoC(decimal);
			}
			else if(type === "two-c") {
				twoC = value.padStart(8, "0");
				decimal = twoCToDecimal(twoC);

				if(decimal.split("")[0] === "-") {
					binary = "-" + decimalToBinary(parseInt(decimal.replaceAll("-", "")));
				}
				else {
					binary = decimalToBinary(decimal);
				}

				oneC = decimalToOneC(decimal);
			}
			else {
				alert("Invalid type.");
			}

			inputDecimal.textContent = decimal;
			inputBinary.textContent = binary;
			inputOneC.textContent = oneC;
			inputTwoC.textContent = twoC;

			// console.log("Decimal: " + decimal);
			// console.log("Binary: " + binary);
			// console.log("One's Complement: " + oneC);
			// console.log("Two's Complement: " + twoC);
		}
		else {
			alert("Nothing to convert.");
		}
	}

	function flipBits(bits) {
		let flipped = "";
		let characters = bits.split("");
		for(let i = 0; i < characters.length; i++) {
			if(characters[i] === "0") {
				flipped += "1";
			}
			else if(characters[i] === "1") {
				flipped += "0";
			}
		}
		return flipped;
	}

	function decimalToBinary(decimal) {
		return parseInt(decimal).toString(2).padStart(8, "0");
	}

	function decimalToOneC(decimal) {
		let number = parseInt(decimal.replaceAll("-", ""));
		let binaryForm = decimalToBinary(number);

		// console.log("Binary Form: " + binaryForm);

		let flipped = flipBits(binaryForm);

		// console.log("Flipped Bits: " + flipped);

		return flipped;
	}

	function decimalToTwoC(decimal) {
		let number = parseInt(decimal.replaceAll("-", "")) - 1;
		let binaryForm = decimalToBinary(number);

		// console.log("Binary Form: " + binaryForm);

		let flipped = flipBits(binaryForm);

		// console.log("Flipped Bits: " + flipped);

		return flipped;
	}

	function binaryToDecimal(binary) {
		return parseInt(binary, 2);
	}

	function oneCToDecimal(oneC) {
		let characters = oneC.split("");
		let number = parseInt(oneC);
		let binary = flipBits(number.toString());
		let decimal = binaryToDecimal(binary);

		if(characters[0] === "0") {
			return decimal;
		}
		else {
			return "-" + decimal;
		}
	}

	function twoCToDecimal(twoC) {
		let characters = twoC.split("");
		let number = parseInt(twoC);
		let binary = flipBits(number.toString());
		let decimal = binaryToDecimal(binary) + 1;

		if(characters[0] === "0") {
			return decimal;
		}
		else {
			return "-" + decimal;
		}
	}

	function clearAll() {
		inputDecimal.textContent = "";
		inputBinary.textContent = "";
		inputOneC.textContent = "";
		inputTwoC.textContent = "";
	}

	if(detectMobile()) {
		body.id = "mobile";
	}
	else {
		body.id = "desktop";
	}
});

// Get current UNIX timestamp.
function epoch() {
	var date = new Date();
	var time = Math.round(date.getTime() / 1000);
	return time;
}

// Check if variable content is empty.
function empty(string) {
	if(string != null && typeof string != "undefined" && string.trim() != "" && JSON.stringify(string) != "" && JSON.stringify(string) != "{}") {
		return false;
	}
	return true;
}

// Detect whether or not the user is on a mobile browser.
function detectMobile() {
	var check = false;
	(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
	return check;
}

// Replace all occurrences in a string.
String.prototype.replaceAll = function(str1, str2, ignore) {
	return this.replace(new RegExp(str1.replace(/([\/\,\!\\\^\$\{\}\[\]\(\)\.\*\+\?\|\<\>\-\&])/g,"\\$&"),(ignore?"gi":"g")),(typeof(str2)=="string")?str2.replace(/\$/g,"$$$$"):str2);
}