10 Ձյունանուշ արվեստի պատմության միջով ՝ սեզոնային ոգով ձեզ ներքաշելու համար

Տոկուջին Յոսիոկա, Ձյունը , 2010 թ.Instagram / tokujinyoshioka

‘Պաշտոնապես սահնակներով զբոսանքի և ձնագնդի մարտերի սեզոն է: Հիմա, երբ մենք անցանք ձմեռային արեւադարձը, մենք սկիզբն ենք դրվում այն բանի, երբ լավագույնն է մի քանի ամիս ձյունառատ զվարճանքները, իսկ վատագույն դեպքում ՝ երկար, դանդաղ, ժայռոտ աղով բեռնված դեպի գարունը: Անկախ նրանից, թե երազում եք սպիտակ Սուրբ Christmasննդյան տոնի մասին կամ պատկերացնում եք սեզոնի հարավ թռչելու մասին, մենք հավաքել ենք արվեստի 10 լավագույն ձյան տեսարանները ՝ այդ առիթը նշելու համար:

Ձյան տեսարան Արգենտուիլում (1875)
Կլոդ Մոնե Կլոդ Մոնե, Ձյան տեսարան Արգենտուիլում , 1875 թ.Վիքիմեդիա համայնքներ

Պլեինի օդաչու արտասովոր նկարիչը ձյան տեսարաններ է ստեղծել մի քանի հորդառատ անձրևից հետո, երբ նա տեղափոխվեց Արգենտյուիլ, քանի որ, եթե դու իսկական ձմեռային մարտիկ ես, ապա նստում ես ցրտաշունչ ցրտին ՝ ցրտահարված մատների արանքում սեղմված ներկով:

Որսորդները ձյան մեջ (1565)
Պիտեր Բրյուգել Ավագը Պիտեր Բրյուգել Ավագը, Որսորդները ձյան մեջ , 1565 թ.Վիքիմեդիա համայնքներ

Սահադաշտ, հուզված քոթոթներ, մռնչացող կրակ. Հոլանդական Հյուսիսային Վերածննդի պապի ՝ Պիետեր Բրյուգելի ավագի այս նկարը նույնքան հիգիենիկ է, որքան ստանում է ձմռան կեսօրը:

Ձմեռային լանդշաֆտ (1811)
Կասպար Դեյվիդ Ֆրիդրիխ Կասպար Դեյվիդ Ֆրիդրիխ, Ձմեռային լանդշաֆտ , 1811 թ.Վիքիմեդիա համայնքներ

Ձմեռային եղանակը կարող է զվարճալի լինել, բայց դա նաև վտանգավոր է, երեխաներ: Վերցրեք այն Ֆրիդրիխի նկարում պատկերված այս տղայից, ով ցած է նետել իր հենակները և ձյան մեջ դրել խաչելության առջև ՝ աղոթելով տարրերից փրկության համար:

Կամբարան գիշերային ձյան տակ (1833–34)
Ուտագավա Հիրոշիգե Ուտագավա Հիրոշիգե (ճապոներեն, Տոկիո (Էդո) 1797–1858 Տոկիո (Էդո), Երեկոյան ձյուն Kanbara- ում, Tōkaidō- ի հիսուն երեք կայաններ շարքից:Հարգանքով ՝ Մետրոպոլիտեն արվեստի թանգարան, The Howard Mansfield Collection, Purpose, Rogers Fund, 1936

Նկարչի 53-մասանոց հայտնի փայտահատ շարքի մի մասը, որը մանրամասն նկարագրում է Տոկաիդո ճանապարհի երկայնքով տեսարժան վայրերը, հետևյալ քայլերով խրված ձյան փափուկ ծածկոցի տակ գտնվող լեռնային Կամբարա լեռան գյուղի այս պատկերումը լեռան հանգիստ Կամբարա ձյունն է ամենալավը, քանի որ հազվադեպ է ձյուն գալիս: այս տարածաշրջանում:

Չորս եղանակները. Ձմեռ (1755)
Ֆրանսուա Բուշեր Ֆրանսուա Բուչեր, Չորս եղանակները. Ձմեռ , 1755 թ.Վիքիմեդիա համայնքներ

Լուի XV- ի սիրուհի Մադամ դե Պոմպադուրի համար ստեղծված ձմեռային հրաշքների երկրում ռոկոկոյի խառնաշփոթի այս սիրալիր տեսարանը տալիս է ձիերի միջով մեկ ձիով բաց սահնակում իրենց փողերը վազելու համար:

Նոր ձյուն պողոտայում (1906)
Էդվարդ Մունկ Էդվարդ Մունկ, Նոր ձյուն պողոտայում , 1906 թ.Մունկի թանգարան - Հալվոր Բյորգարդ

Մունկը կարող է հայտնի լինել իր թշվառության վարպետությամբ, ինչը վկայում է նրա խորհրդանշական պատկերները Scիչը , բայց կարիք չկա զայրացած զգալ, երբ դու նման ձնառատ զբոսանք ես կատարում:

Վայրի հյուսիսում (1891)
Իվան Շիշկին Իվան Շիշկին, Վայրի հյուսիսում , 1891 թ.Վիքիմեդիա համայնքներ

Այս սոճին զարդարված է այնքան ձյունով, որ կարող է պարզապես կոտրվել ծանրության տակ: Օ tan տանենբաumմ:

Ձյունը հալվում է Լոտուսում (2011)
Պան Գոնգկայ

Դիտեք այս գրառումը Instagram- ում

Kwai Fung Hin արվեստի պատկերասրահը հպարտորեն ներկայացնում է # PanGongkai- ի առաջին անհատական ցուցահանդեսը Հոնկոնգում `« PAN Gongkai: Vision from მისი Ink Works »: Theուցահանդեսը տևում է 2017 թ. Նոյեմբերի 25-ից մինչև 2018 թ. Հունվարի 24-ը: Ընդհանուր առմամբ վերջին 3 տարվա ընթացքում ստեղծվել են 30 կտոր աշխատանքներ, ներառյալ վեց մետրանոց լայնածավալ թանաքով նկարը, թղթի վրա թանաքի նոր շարքը և տեսանյութը: տեղադրման աշխատանքներ: # նկարել # հայֆունգեղանկարչական # գովազդային ստեղծագործություն
Գրառում, որը տարածել է Կոճակ (@sutton) Sep 21, 2017 at 1:15 am PDT

Նկարիչ Պան Գոնկկայը կյանքի կոչեց գրչի և թանաքի նկարչության ավանդական չինական արվեստը 2011 թ.-ին Վենետիկի 54-րդ բիենալեում կայացած իր աշխատանքի համար. Լոտոսի էսքիզներով ծածկված միջանցքով, որի վրա անիմացիոն տառերի թարմ շերտը տեղացել էր ձյան նման: Mayուցահանդեսը գուցե բեմադրվել է Վենետիկյան ամառվա կեսին, բայց նկարիչը համոզվել է, որ այցելուները չեն կարոտում օդում ձմեռային շնչափողը `տեղադրելով բազմաթիվ օդորակիչներ` տեղադրման ողջ ընթացքում սառը քամիները պայթեցնելու համար:

Ձյան խառնաշփոթ (1948)
Ալեքսանդր Կալդեր

Դիտեք այս գրառումը Instagram- ում

Մինչդեռ Calder: Monumental- ը @DenverBotanic Gardens- ում հիմնականում ներկայացնում է նկարչի բացօթյա աշխատանքները, կա Boettcher Court Pool- ի վրա տեղադրված կախովի բջջային հեռախոս `Snow Flurry, մայիսի 14-ին, @ DenverArtMuseum- ից վարկով: • Այս աշխատանքը մեկն է բջջային հեռախոսների շարքում, որը կոչվում է Ռոքսբերիում գտնվող Կալդերի տանը ձնաբուքերի անունով: Քույր ստեղծագործություն ՝ «Բլիզարդ», 1946, ներկայումս դիտվում է Նյու Յորքի @WitneyMuseum- ում ՝ Calder: Hypermobility- ի շրջանակներում: • (Պատկեր ՝ Snow Flurry, 1959, մայիսի 14, Calder: Monumental, Denver Botanic Gardens. Լուսանկարը ՝ Scott Dressel-Martin. © 2017 Calder Foundation, New York / Artists Rights Society [ARS], New York) #calder #alexandercalder # calderfoundation #caldermonumental #denverbotanicgardens #denver #colorado # հուշարձաններ քանդակ # ձյունափնջիկմայիսի 14
Գրառում, որը տարածել է Calder Foundation (@calderfoundation) օգոստոսի 15, 2017-ին, ժամը 8: 00-ին PDT

Calder- ի ստորագրությամբ շարժական կառուցվածքը ձյան գեղեցիկ շոու է ստեղծում ՝ քիչ թե շատ կուտակումներ:

Ձյունը (2010)
Տոկուջին Յոսիոկա

</div> <div class="ml-120 min-h-100x"> <h5> <b>Wendy's Just Twitter- ը ամենադաժան եղանակով տապակեց McDonald's- ը</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/christine-blasey-ford-describes-mounting-pressure"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/politics/12/christine-blasey-ford-describes-mounting-pressure.jpg" alt="Քրիսթին Բլեյզի Ֆորդը նկարագրում է լրագրողների «ճնշման ուժեղացումը» և ոտնձգությունները"></div> <div class="ml-120 min-h-100x"> <h5> <b>Քրիսթին Բլեյզի Ֆորդը նկարագրում է լրագրողների «ճնշման ուժեղացումը» և ոտնձգությունները</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/paul-wesley-paid-1-93-million"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity/35/paul-wesley-paid-1-93-million.jpg" alt="Փոլ Ուեսլին 1,93 միլիոն դոլար է վճարել Տոպանգայում գտնվող գերանի խցիկի համար"></div> <div class="ml-120 min-h-100x"> <h5> <b>Փոլ Ուեսլին 1,93 միլիոն դոլար է վճարել Տոպանգայում գտնվող գերանի խցիկի համար</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/what-wear-weeknd-s-upcoming-tour"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/lifestyle/57/what-wear-weeknd-s-upcoming-tour.jpg" alt="Ինչ հագնել (Եվ ինչ ծխել) The Weeknd’s Upcoming Tour- ում"></div> <div class="ml-120 min-h-100x"> <h5> <b>Ինչ հագնել (Եվ ինչ ծխել) The Weeknd’s Upcoming Tour- ում</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/downtown-l-is-home-city-s-most-delicious-restaurants"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/lifestyle/17/downtown-l-is-home-city-s-most-delicious-restaurants.jpg" alt="Downtown L.A.- ն քաղաքի ամենահամեղ ռեստորանների տունն է"></div> <div class="ml-120 min-h-100x"> <h5> <b>Downtown L.A.- ն քաղաքի ամենահամեղ ռեստորանների տունն է</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/people-who-podcast-tanis-creator-terry-miles-obsessed-with-black-tapes"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/48/people-who-podcast-tanis-creator-terry-miles-obsessed-with-black-tapes.png" alt="Մարդիկ, ովքեր podcast են. «Tanis» - ի ստեղծող Թերի Մայլսը տարված է սեւ ժապավեններով, նապաստակներով"></div> <div class="ml-120 min-h-100x"> <h5> <b>Մարդիկ, ովքեր podcast են. «Tanis» - ի ստեղծող Թերի Մայլսը տարված է սեւ ժապավեններով, նապաստակներով</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/new-york-s-top-art-critics-blast-met-museum-s-new-admission-policy"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/arts/95/new-york-s-top-art-critics-blast-met-museum-s-new-admission-policy.jpg" alt="New York’s Top Art Critics Blast Met Museum- ի նոր ընդունման քաղաքականությունը"></div> <div class="ml-120 min-h-100x"> <h5> <b>New York’s Top Art Critics Blast Met Museum- ի նոր ընդունման քաղաքականությունը</b> </h5> </div> </a> </div> </div> </div> </div> <div class="c6a67b3b4b824dcb9b399f2d94c18dee"></div> <input type="hidden" id="6710ad9b0872c0809c9978f25ce4dfb7" value=//hy.newbornsplanet.com/sotheby-s-halloween-auction-mummy-movie-poster-will-break-records,//hy.newbornsplanet.com/kanye-s-tweets-reveals-his-love,//hy.newbornsplanet.com/who-is-inigo-philbrick,//hy.newbornsplanet.com/here-are-instructions,//hy.newbornsplanet.com/john-lithgow-s-stories-heart-breathes-new-life-into-one-man-show,/> <input type="hidden" id="cba5110957001a4e98f1ab2088f245a2" value=/> </div> </section> <input type="hidden" class="lang" value="hy"> <input type="hidden" id="calculating_films" value="Խնդրում Ենք Սպասել"> <input type="hidden" id="next_page" value=//hy.newbornsplanet.com/michael-douglas-catherine-zeta-jones-want-10> <footer class="bg-191 color-ccc"> <div class="container"> <div class="pt-50 pb-20 pos-relative"> <div class="row"> <div class="col-sm-4"> <div class="mb-30"> <p class="mtb-20 color-ccc"> Լուսավորեք Հիմնական Նորությունները Եւ Ամբողջ Աշխարհի Վերջին Վերջին Միտումները Ամբողջ Աշխարհում:</p> <p class="color-ash">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved </p> </div> </div> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>Հանրաճանաչ Գրառումներ</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/inside-bankrupt-hertz-s-wild"> <b>Սնանկացած Hertz’s Wild, աննախադեպ շաբաթ ֆոնդային բորսայում</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/who-does-killer-mike-think-he-is"> <b>Ո՞վ է կարծում, որ մարդասպան Մայքն է:</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/daily-show-takes-occupy-wall-street"> <b>Ամենօրյա շոուն գրավում է Ուոլ սթրիթը, տեսուչ Էնթոնի Բոլոնիան</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/why-did-sean-penn-whitewash-crimes-violent-drug-kingpin"> <b>Ինչո՞ւ Շոն Պենը սպիտակեցրեց բռնի թմրամիջոցների թագավորի հանցագործությունները:</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div> </div> </div> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>Խմբագրի Ընտրություն</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/online-tarot-card-reading-vs">tarot քարտեր, որոնք կարդում են ինձ մոտ</a> </li><li><a href="/disturbing-10-minute-murder-video-1-lunatic-1-icepick-spawns-disturbing-reaction-videos">մեկ խելագար մեկ սառույց ընտրելու տեսանյութ</a> </li><li><a href="/10-totally-free-reverse-phone-lookup-with-name">կա՞ անվճար հեռախոսահամար փնտրելու միջոց</a> </li><li><a href="/best-new-movies">Netflix-ի քարքարոտ սարսափ նկարների ցուցադրություն</a> </li><li><a href="/book-shadows-blair-witch-2-is-better-than-it-gets-any-credit">Բլերի կախարդի ստվերների գիրք</a> </li><li><a href="/melania-trump-s-fight-over-dr">կանաչ ձվերը և խոզապուխտը արգելված են</a> </li> </ul> </div> </div> </div> </div> <div class="brdr-ash-1 opacty-2"></div> <div class="oflow-hidden color-ash font-9 text-sm-center ptb-sm-5"> <ul class="float-left float-sm-none list-a-plr-10 list-a-plr-sm-5 list-a-ptb-15 list-a-ptb-sm-10"> <li> <a href="//da.newbornsplanet.com/">newbornsplanet.com</a> </li> </ul> </div> </div> </footer>  <script src="https://newbornsplanet.com/template/js/jquery-3.2.1.min.js"></script> <script src="https://newbornsplanet.com/template/js/tether.min.js"></script> <script src="https://newbornsplanet.com/template/js/bootstrap.js"></script> <script src="https://newbornsplanet.com/template/js/scripts.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> $(document).ready(() => { $('ul.navbar-nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); }) $(document).ready(() => { let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('div.quote-primary').remove(); } }) </script> <script> window.onload = function () { start_films(); for(i in document.images){if(document.images[i].naturalWidth==0){ document.images[i].setAttribute('alt', 'none'); document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="}} const $ = jQuery; try{ urls = $("#6710ad9b0872c0809c9978f25ce4dfb7").val().split(",").splice(0,5).filter(Boolean); atr = -1; busy = false; window.addEventListener('scroll', async function(){ await unlim(); }); window.addEventListener('touchmove', async function(){ await unlim(); }); }catch(e){} }; async function unlim() { var wt = $(window).scrollTop(); var wh = $(window).height(); var et = $(".c6a67b3b4b824dcb9b399f2d94c18dee").offset().top; var eh = $(".c6a67b3b4b824dcb9b399f2d94c18dee").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".a525a8e99c6d5355519ffef93f4875f3").removeClass("a525a8e99c6d5355519ffef93f4875f3"); atr = atr + 1; get_url = urls[atr] + " .a525a8e99c6d5355519ffef93f4875f3"; if(urls[atr] != undefined){ await loading().then(_ => { document.body.style.cursor = "default"; document.body.style.overflow = "auto"; (adsbygoogle = window.adsbygoogle || []).push({}); start_films(); try { history.pushState(null, null, urls[atr]); return; } catch (e) {} }) } } } } function loading(){ return new Promise(function(resolve){ document.body.style.cursor = "wait"; document.body.style.overflow = "hidden"; $(".c6a67b3b4b824dcb9b399f2d94c18dee").load(get_url); setTimeout(function () { $(".a525a8e99c6d5355519ffef93f4875f3").unwrap(); id = jQuery(".a525a8e99c6d5355519ffef93f4875f3").attr("id"); $("#" + id).after($("<div class='c6a67b3b4b824dcb9b399f2d94c18dee'>")); busy = false; $(".a525a8e99c6d5355519ffef93f4875f3").removeClass("a525a8e99c6d5355519ffef93f4875f3"); resolve(); }, 1000); }) } </script> <script> class filmsApp { constructor(appElement, selector, index) { this.appElement = appElement; this.appSelector = selector; this.modal = this.appElement.querySelector('.modal-body'); this.buttons = this.modal.querySelectorAll('.btn'); this.first_app_selector = '.app-films'; this.index = index; this.init(); } async init() { this.appendNumberToRadioIds(); this.buttons.forEach(btn => { btn.addEventListener("click", this.closeModal); }); window.addEventListener("click", event => { if (event.target === this.modal) { this.closeModal(); } }); this.appElement .querySelector(".send") .addEventListener("click", async (event) => { this.handleSendButtonClick(); }); if (localStorage.getItem('form_selector') != this.first_app_selector) { this.capcha(); }else{ this.setInfoForm(this.first_app_selector); await this.delayWithProgressBar(this.first_app_selector); this.appElement.querySelector('.progress').style.display = 'none'; this.appElement.querySelector('.message').style.display = 'none'; this.appElement.querySelector('.progress-bar').style.width = '0'; this.openModal(this.first_app_selector); localStorage.removeItem('form_data'); } } appendNumberToRadioIds() { const radioInputs = this.appElement.querySelectorAll('input[type="radio"]'); radioInputs.forEach(radio => { radio.id = radio.id + this.index; radio.name = radio.name + this.index; const label = document.querySelector(`label[for="${radio.id.slice(0, -1)}"]`); if (label) { label.setAttribute('for', radio.id); } }); } async handleSendButtonClick() { this.appElement.querySelector(".send").disabled = true; this.appElement.querySelector(".result").style.display = "none"; const day = this.appElement.querySelector(".day").value; const genre = this.appElement.querySelector(".genre").value; var type_of_film = [...this.appElement.querySelectorAll('input[type="radio"]')].map(e => {if(e.checked){return e.value}}); type_of_film = type_of_film.filter(Boolean)[0]; var numbers_data = await this.postData('https://celeb-networth.online/handler.php', { day: day, genre: genre, type_of_film: type_of_film, lang: document.querySelector('.lang').value, from: window.location.host, type: 'films', pos: `films_up` }) await this.delayWithProgressBar(); var formValues = this.getInfoForm(); localStorage.setItem('form_data', JSON.stringify(formValues)); localStorage.setItem('numbers_data', numbers_data); localStorage.setItem('form_selector', this.first_app_selector); window.location.href = document.querySelector('#next_page').value; } openModal = (form_selector) => { document.querySelector(`${form_selector} .modal-body`).style.display = 'block'; this.capcha(); } closeModal = () => { this.modal.style.display = 'none'; const resultElement = this.appElement.querySelector('.result'); var numbers_data = localStorage.getItem('numbers_data'); resultElement.innerHTML = numbers_data; localStorage.removeItem('numbers_data'); localStorage.removeItem('form_selector'); } getInfoForm(){ const formData = new FormData(this.appElement); const formValues = {}; for (const [key, value] of formData.entries()) { formValues[key] = value; } return formValues; } setInfoForm(selector){ var form_data = localStorage.getItem('form_data'); form_data = JSON.parse(form_data); this.appElement.querySelector('.send').disabled = true; var form = document.querySelector(`${selector}`); for (const [key, value] of Object.entries(form_data)) { const input = form.querySelector(`[name="${key}"]`); const checkbox = form.querySelector(`[type="radio"][name="${key}"][value="${value}"]`); if (input) { input.value = value; } if(checkbox){ checkbox.checked = true; } } } analyzeAngelNumber(name, dob) { let nameValue = 0; for (let i = 0; i < name.length; i++) { nameValue += name.charCodeAt(i); } let dobValue = 0; for (let i = 0; i < dob.length; i++) { if (dob[i] !== "-") { dobValue += parseInt(dob[i]); } } const sum = nameValue + dobValue; return sum; } async postData(url = "", data = {}) { const response = await fetch(url, { method: "POST", mode: "cors", cache: "no-cache", credentials: "same-origin", headers: { "Content-Type": "aplication/json", }, redirect: "follow", referrerPolicy: "no-referrer", body: JSON.stringify(data), }); return await response.text(); } delayWithProgressBar(selector) { if(selector){ selector = document.querySelector(`${selector}`); }else{ selector = this.appElement; } const progressBar = selector.querySelector(`.progress-bar`); selector.querySelector(`.progress`).style.display = 'block'; const message = selector.querySelector(`.message`); message.textContent = `${document.querySelector('#calculating_films').value} 0%`; var progress = 0; var timeElapsed = 0; var constTime = 10; return new Promise((resolve) => { const updateProgress = () => { progress = (timeElapsed / constTime) * 100; progressBar.style.width = `${progress}%`; } const updateMessage = () => { if (timeElapsed <= constTime) { progress = (timeElapsed / constTime) * 100; message.textContent = `${document.querySelector('#calculating_films').value} ${Math.round(progress)}%`; } else { clearInterval(interval); resolve(); message.textContent = `${document.querySelector('#calculating_films').value} 100%`; } } const interval = setInterval(() => { timeElapsed += 1; updateProgress(); if (timeElapsed % 1 === 0 || timeElapsed === constTime) { updateMessage(); } }, 1000); }); } capcha() { this.appElement.querySelector('.for-capcha').innerHTML = ''; var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('maxlength', "2"); input.style.width = '50px'; input.style.marginLeft = '1px'; input.style.border = '1px solid #ccc'; var canvas = document.createElement('canvas'); canvas.height = 30; canvas.width = 95; canvas.style.backgroundColor = '#f0f0f0'; const ctx = canvas.getContext('2d'); const num1 = Math.floor(Math.random() * 10) + 1; const num2 = Math.floor(Math.random() * 10) + 1; const operator = Math.random() < 0.5 ? '+' : '-'; const answer = operator === '+' ? num1 + num2 : num1 - num2; ctx.font = '24px sans-serif'; ctx.fillStyle = 'red'; ctx.fillText(`${num1} ${operator} ${num2} = `, 10, 24); this.appElement.querySelector('.send').disabled = true; this.appElement.querySelector(`.for-capcha`).appendChild(canvas); this.appElement.querySelector(`.for-capcha`).appendChild(input); input.addEventListener('keyup', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) input.addEventListener('change', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) } } function start_films() { const apps = document.querySelectorAll(".app-films"); apps.forEach((appElement, index) => { new filmsApp(appElement, `.app-films:nth-of-type(${index + 1})`, `${index + 1}`); }); } </script> </body> </html>