js/components/progress-bar/renderProgressBar.js
/**
 * Progress bar komponento generavimas
 * @param {string} selector CSS like selectorius, kaip rasti vieta, kur sugeneruoti turini
 * @param {string} title Progress bar pavadinimas
 * @param {number} value Progress bar reiksme procentais
 * @returns {boolean} Funkcijai tinkamai suveikus grazinamas `true`, priesingu atveju - `false`
 */
Progress bar komponento generavimas
@param {string} selector CSS like selectorius, kaip rasti vieta, kur sugeneruoti turini
@param {string} title Progress bar pavadinimas
@param {number} value Progress bar reiksme procentais
@returns {boolean} Funkcijai tinkamai suveikus grazinamas `true`, priesingu atveju - `false`
Progress bar komponento generavimas @param { string } selector CSS like selectorius kaip rasti vieta kur sugeneruoti turini @param { string } title Progress bar pavadinimas @param { number } value Progress bar reiksme procentais @returns { boolean } Funkcijai tinkamai suveikus grazinamas ` true ` priesingu atveju - ` false `
function renderProgressBar(selector, title, value) { 
    if (!isValidSingleProgressBar({selector, title, value})) {
        return false;
    }
    const HTML = `<div class="progress-bar">
                    <div class="top">
                        <div class="label">${title}</div>
                        <div class="value">${value}%</div>
                    </div>
                    <div class="bottom">
                        <div class="bar" style="width: ${value}%;">
                            <div class="loader"></div>
                        </div>
                    </div>
                </div>`;
const DOM = document.querySelector(selector);
if (!DOM) {
    console.error("Error: nerasta nurodyta vieta");
    return false;
}
DOM.insertAdjacentHTML('beforeend', HTML);
    return true;
}
function renderProgressBar ( selector , title , value ) { if ( ! isValidSingleProgressBar ( { selector , title , value } ) ) { return false ; } const HTML = ` ${ title } ${ value } ${ value } ` ; const DOM = document . querySelector ( selector ) ; if ( ! DOM ) { console . error ( "Error: nerasta nurodyta vieta" ) ; return false ; } DOM . insertAdjacentHTML ( 'beforeend' , HTML ) ; return true ; }
Progress bar komponento generavimas
 @param {string} selector CSS like selectorius, kaip rasti vieta, kur sugeneruoti turini
 @param {string} title Progress bar pavadinimas
 @param {number} value Progress bar reiksme procentais
 @returns {boolean} Funkcijai tinkamai suveikus grazinamas `true`, priesingu atveju - `false`
Progress bar komponento generavimas @param { string } selector CSS like selectorius kaip rasti vieta kur sugeneruoti turini @param { string } title Progress bar pavadinimas @param { number } value Progress bar reiksme procentais @returns { boolean } Funkcijai tinkamai suveikus grazinamas ` true ` priesingu atveju - ` false `