Карьера
August 2, 2021

Как сделать убегающую кнопку

Профессионал должен уметь объяснить простыми словами чем он занимается, а также показать это на простом примере...

Как-то ко мне подошел сын (его зовут Андрей) и попросил вместе написать какую-нибудь программу. Тогда ему было примерно лет 10. Ну что я мог ему показать, как писать учетные системы на 1С, скрипты на CMD или, не к ночи будь помянуто, что-нибудь объектно-ориентированное? Нафига ему все это. В итоге написали вместе буквально за пол часа маленькую программку-шутку на html + javascript. А если у полученного файла заменить расширение на hta, то вообще работает в своем окне, а не в браузере. Перед пользователем возникает кнопка с надписью "Нажми меня", при попытке нажать она отпрыгивает в случайном направлении на случайное расстояние. Большего ребенку и не нужно. Он получил положительные эмоции и в принципе понял как оно устроено.

Сейчас попробовал - работает до сих пор, ни современная операционка, ни антивирус не ругаются. Скачать файл можно по этой ссылке. Ниже представлен собственно программный код, он очень простой.

<html>
<head>
<title>Не догонишь!!!</title>
<style type="text/css">
#knopka {position:absolute; left:25px; top:25px}
</style>
<script language="JavaScript">
function pryg_skok()
{
 document.getElementById("knopka").style.left=Math.random()*500+"px";
 document.getElementById("knopka").style.top=Math.random()*500+"px";
}
</script>
</head>

<body>
<input type=button id="knopka" value="Нажми меня" onMouseOver="pryg_skok()" onClick="alert('Вау, ты все-таки нажал!!!')">
</body>
</html>

Прошли годы, сын вырос, работает программистом...

←27 | заметка 28 | 29→