Untitled

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Тест</title>
	</head>
	<body>
		<script>
			/* Сохранение переменной с фоном */
			document.addEventListener('readystatechange', event =>
			{
				if(event.target.readyState === "complete")
				{
					console.log('Страница прогрузилась');
					window.defaultImg = document.getElementsByTagName('table')[1].getElementsByTagName('img')[0].src;
					document.querySelector('button').addEventListener('click', clear);
				}
			})

			/* Очистка левой таблицы до исходного значения */
			function clear()
			{
				console.log('Очистка выполнена');
				document.getElementsByTagName('table')[1].getElementsByTagName('img')[0].src = defaultImg;
				document.getElementsByTagName('table')[1].getElementsByTagName('img')[1].src = defaultImg;
				document.getElementsByTagName('table')[1].getElementsByTagName('img')[2].src = defaultImg;
				document.getElementsByTagName('table')[1].getElementsByTagName('img')[3].src = defaultImg;
			}

			/* Вставка элемента правой таблицы в левую */
			function replace(event)
			{
				try
				{
					console.log('Произошёл клик');
					if(event.target.parentElement.parentElement.parentElement.parentElement.id == "right")
					{
						window.ActiveImg = event.target.src;
					}
					if(event.target.parentElement.parentElement.parentElement.parentElement.id == "left")
					{
						if(window.ActiveImg != undefined)
						{
							event.target.src = window.ActiveImg;
							window.ActiveImg = undefined;
						}
					}
				} catch(e){};
			}

			window.addEventListener('click', replace);
		</script>
		<table border="0" cellspacing="0" cellpadding="0">
			<td>
				<table id="left" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img src="r0.gif" height="160" width="90"></td>
						<td><img src="r0.gif" height="160" width="90"></td>
					</tr>
					<tr>
						<td><img src="r0.gif" height="160" width="90"></td>
						<td><img src="r0.gif" height="160" width="90"></td>
					</tr>
				</table>
			</td>
			<td>
				<table id="right" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img src="r1.gif" height="160" width="90"></td>
						<td><img src="r2.gif" height="160" width="90"></td>
					</tr>
					<tr>
						<td><img src="r3.gif" height="160" width="90"></td>
						<td><img src="r4.gif" height="160" width="90"></td>
					</tr>
				</table>
			</td>
		</table>
		<p align="left"><button>Очистить</button>
	</body>
</html>