<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bankomat</title>
<meta name="viewport" content="width=device-width">
</head>

<body>

<style>
input[type='number'] {-moz-appearance:textfield;}
input::-webkit-inner-spin-button {-webkit-appearance:none;}
</style>

<h1>Bankomat</h1>

<div>Kwota: <input type="number" id="i1" autofocus></div>

<p>Leon <button onClick="wyplata_leon();">Wypłata</button></p>
<p>Dostępne: <span id="d_leon">1000</span></p>

<p>Hania <button onClick="wyplata_hania();">Wypłata</button></p>
<p>Dostępne: <span id="d_hania">1000</span></p>

<p>Lidka <button onClick="wyplata_lidka();">Wypłata</button></p>
<p>Dostępne: <span id="d_lidka">1000</span></p>

<p>Jurek <button onClick="wyplata_jurek();">Wypłata</button></p>
<p>Dostępne: <span id="d_jurek">1000</span></p>

<script>

var inp = document.getElementById("i1");

var d_leon = document.getElementById("d_leon");
var d_hania = document.getElementById("d_hania");
var d_lidka = document.getElementById("d_lidka");
var d_jurek = document.getElementById("d_jurek");

var konto_leon=1000;
var konto_hania=1000;
var konto_lidka=1000;
var konto_jurek=1000;

function wyplata_leon()
{
	var k_wyplaty = inp.value;
	konto_leon = konto_leon - k_wyplaty;
	d_leon.innerHTML = konto_leon;
	inp.value = "";
	inp.focus();
}

function wyplata_hania()
{
	var k_wyplaty = inp.value;
	konto_hania = konto_hania - k_wyplaty;
	d_hania.innerHTML = konto_hania;
	inp.value = "";
	inp.focus();
}

function wyplata_lidka()
{
	var k_wyplaty = inp.value;
	konto_lidka = konto_lidka - k_wyplaty;
	d_lidka.innerHTML = konto_lidka;
	inp.value = "";
	inp.focus();
}

function wyplata_jurek()
{
	var k_wyplaty = inp.value;
	konto_jurek = konto_jurek - k_wyplaty;
	d_jurek.innerHTML = konto_jurek;
	inp.value = "";
	inp.focus();
}

</script>

</body>
</html>