vpiskunov/vlad.html

## vlad.html
<html>
<head>
    <title>Debounce</title>
</head>
<body>
    <button id="rocketButton" onclick="rocket.toggle()">Launch that rocket!</button>
    <script>
    let timeout = null;
    let rocket = {
        launched: false,
        events: [],
        toggle () {
            clearTimeout(window.timeoutVar)

            rocket.events.push( { type: rocket.launched ? 'land':'launch' } );

            const button = document.getElementById('rocketButton');
            button.innerHTML = 'Pending launch... cancel/land here';

            const rocketEvent = rocket.events.pop();
            rocket.launched = rocketEvent.type == 'land' ? false : true;

            window.timeoutVar = setTimeout(() => {
                const eventType = rocket.launched ? 'launched' : 'landed';

                // reset events collection
                rocket.events = [];

                const button = document.getElementById('rocketButton');
                button.innerHTML = rocket.launched ? "Land the rocket!" : "Launch that rocket again!"

                window.alert(`Rocket has been ${eventType}! 🚀`);
            }, 2000);
        }
    }
    </script>
</body>
</html>
	<html>
	<head>
	<title>Debounce</title>
	</head>
	<body>
	<button id="rocketButton" onclick="rocket.toggle()">Launch that rocket!</button>
	<script>
	let timeout = null;
	let rocket = {
	launched: false,
	events: [],
	toggle () {
	clearTimeout(window.timeoutVar)

	rocket.events.push( { type: rocket.launched ? 'land':'launch' } );

	const button = document.getElementById('rocketButton');
	button.innerHTML = 'Pending launch... cancel/land here';

	const rocketEvent = rocket.events.pop();
	rocket.launched = rocketEvent.type == 'land' ? false : true;

	window.timeoutVar = setTimeout(() => {
	const eventType = rocket.launched ? 'launched' : 'landed';

	// reset events collection
	rocket.events = [];

	const button = document.getElementById('rocketButton');
	button.innerHTML = rocket.launched ? "Land the rocket!" : "Launch that rocket again!"

	window.alert(`Rocket has been ${eventType}! 🚀`);
	}, 2000);
	}
	}
	</script>
	</body>
	</html>