как сделать чтобы кнопка появилась после нажатия на баннер

<form method="POST">
		<div class="auth" style="width: 220px;margin: 0 auto;">
			<p><input type="text" name="login" placeholder="Ваш логин" maxlength="12"></p>
			<p><input type="password" name="password" placeholder="Ваш пароль"></p>
			<a class="forgot_login" href="forgot">Забыл пароль?</a>
		</div>

		<?captcha();?>
		<div class="block_auth">
			<input type="submit" value="Вход" name="logins_go">
		</div>
	</form>

<h1>Вход в систему</h1>
        <div id="div1"> Тут баннер</div>
<form method="POST">
		<div class="block_auth_reg_forms" style="width: 220px;margin: 0 auto;">
			<p><span><i class="fa fa-user" aria-hidden="true"></i></span><input type="text" name="login" placeholder="Ваш логин" maxlength="12"></p>
			<p><span><i class="fa fa-key" aria-hidden="true"></i></span><input type="password" name="password" placeholder="Ваш пароль"></p>
			<a class="forgot_login" href="forgot">Забыл пароль?</a>
		</div>

		<?capt();?>
		<div class="block_auth_gd_formds">
			<input id="input1" type="submit" value="Вход" name="logins_go" style="display:none;">
		</div>
</form>

	<div id="div2"><center><font color="#555555">Для того что бы появилась кнопка "Вход" нажмите на любой верхний баннер.</font></center></div>

<script>
	//////////////////////// Открываем скрытую кнопку Входа при нажатие на банер  /////////////////////
function oneFunc () {
document.getElementById('input1').style.display="inline";
}
document.getElementById('div1').addEventListener('click', oneFunc, false);
    //////////////////////// Скрываем надпись в просьбой при нажатие на баннер //////////////////////////
function twoFunc () {
document.getElementById('div2').style.display="none";
}
document.getElementById('div1').addEventListener('click', twoFunc, false);
    ///////////////////////// Запрещаем вход по Enter ///////////////////////////////////////////////////
$(document).on("keypress", "form", function(event) { 
    return event.keyCode != 13;
});
</script>