let cel = 0;

document.addEventListener("DOMContentLoaded", () => {
});

function pokazKonfiguracje() {
    /**
     * @type {HTMLFormElement}
     */
    const konfiguracja = document.getElementById('konfiguracja');
    konfiguracja.className = 'dialog dialog-pokaz';


    /**
     * @type {HTMLInputElement}
     */
    const lManual = document.getElementById('l-manual');
    lManual.checked = false;

    /**
     * @type {HTMLInputElement}
     */
    const lAuto = document.getElementById('l-auto');
    lAuto.checked = false;
}

/**
 * 
 * @param {FormDataEvent} event 
 */
function zacznijGre(event) {
    document.getElementById('tytul').className = 'ukryj';
    event.preventDefault();
}

function pokazNumer() {
    /**
     * @type {HTMLFormElement}
     */
    const liczba = document.getElementById('liczba');
    liczba.className = 'dialog dialog-pokaz';

    /**
     * @type {HTMLInputElement}
     */
    const numer = document.getElementById('numer');
    numer.value = "";
}

/**
 * 
 * @param {FormDataEvent} event 
 */
function zamknijNumer(event) {    
    /**
     * @type {HTMLFormElement}
     */
    const liczba = document.getElementById('liczba');
    liczba.className = 'dialog dialog-ukryj';

    cel = Number(event.formData.get("liczba"));

    /**
     * @type {HTMLInputElement}
     */
    const numer = document.getElementById('numer');
    numer.value = "";
}