'Avengers: Infinity War' loketvoorspelling: Disney sal groot verdien

Marvel se 'Avengers: Infinity War.'Filmraam .. © Marvel Studios 2018

In die eerste plek weet ons waarom u hierheen gekom het, en dit is nie vir ons insiggewende kassieprojeksies nie. So hier is die tweede amptenaar Avengers: Infinity War sleepwa, julle aasvoëls.

Avengers</em> film buite die eerste naweek in Mei, wat tradisioneel beskou word as die begin van die somer-kitsfilmseisoen. Die stap stel die ateljee in staat om die film terselfdertyd regoor die wêreld te open, behalwe vir Rusland en 'n paar ander lande.<p>Waarskynlik belangriker is die addisionele asemhalingskamer wat dit van Fox's voorsien <em>Deadpool 2</em> (18 Mei) en Disney's <em>Solo: 'n Star Wars-verhaal</em> (25 Mei). Ons het die <a href='/avengers-infinity-war-moves-release-date-will-it-hurt'>finansiële fokus van die skedule-oorskakeling</a> toe die nuus die eerste keer aangekondig is.<p>Gegewe die enorme stamboom van die film en die wêreldwye vraag na Marvel-films, moet Disney die aandag trek <em>Die lot van die woedende</em> 'Rekords vir die wêreldwye openingsnaweek ($ 541,9 miljoen) en oorsese opening ($ 443,2 miljoen), asook <em>Star Wars: The Force Awakens ’</em> binnelandse openingsmerk ($ 248 miljoen). Dit is ook redelik om te verwag dat hulle die MCU wêreldwye hoogtepunt van 2012's wil haal <em>The Avengers</em> ($ 1,5 miljard) om deurentyd in die top-vyf te breek.<p>Kan dit gedoen word?<p> <em>Avengers: Infinity War</em> is die hoogtepunt van 'n dekade van noukeurige beplanning van Marvel Studios se hoof honcho Kevin Feige. Om te sê dat dit die mees verwagte film van die jaar is, is 'n understatement van ongeveer tien jaar. Sosiale media-buzz is nie meer op die ranglys sedert Marvel verlede jaar met sy promosieveldtog begin het nie, en nie eens die dreigende voortsetting van <em>Avengers 4</em> om volgende jaar te kom, het die gehoor opgewondenheid belemmer.<p>Maar gegewe hoe min ons weet van die werklike intrige en met die verwagting dat daar verskeie markthelde sal sterf <em>Oneindigheidsoorlog</em> (hoewel die hoofreeks van Avengers kontraktueel aangemeld is vir die vervolg van 2019), is dit moeilik om die film se bene te projekteer.<p>As kykers van Chris Evans se Captain America of Tony Stark, Robert Downey Jr., vermoor word, sal kykers net so waarskynlik opdaag vir herhaling? Hoe vooraanstaande sal die fliek se kaartjieverkope wees?<p>Dit is wat ons weet: <em>The Avengers</em> geopen tot $ 207 miljoen en <em>Avengers: Age of Ultron</em> het $ 191 miljoen in sy openingsraamwerk ingeneem. Om 'n onvoorsiene ramp te voorkom, <em>Oneindigheidsoorlog</em> sal die sesde film in die geskiedenis wees wat die eerste naweek 200 miljoen dollar behaal. <em>Die Force Awaken</em> ‘N heeltydse punt is waarskynlik buite bereik, maar <em>Swart panter</em> 'S $ 202 miljoen moet as die vloer beskou word. <em>Star Wars: The Last Jedi</em> 'N $ 220 miljoen is waarskynlik ook binne bereik.<p>Dit is opmerklik dat die tentpale van Disney en Marvel deurgaans vooruit is om die verwagtinge dop te hou, dus wees op die uitkyk vir die eerste getalle in die komende weke.<p>Ons beste raaiskoot is 'n binnelandse openingsnaweek tussen $ 210 miljoen en $ 235 miljoen. Haal diep asem, want ons is op die punt om 'n hele klomp getalle na jou toe te gooi.<p>As ons die binnelandse vermenigvuldigers gemiddeld - die veelvoud van die film se finale bruto tot sy debuutgetalle - van <em>Avengers</em> (3.0x), <em>Ultron</em> (2.4x) en <em>Captain America: Burgeroorlog</em> (2.2x) <em>,</em> wat in wese was <em>Avengers 2.5</em> , ons kyk na 'n Amerikaanse totale vervoer van tussen $ 525 miljoen en $ 587,5 miljoen. Vir wat dit werd is, <em>Oneindigheidsoorlog</em> daar word gewoonlik nie verwag dat dit oorgrote gaan nie <em>Swart panter</em> (na verwagting binnekort $ 600 miljoen sal oorsteek) binnelands, so kom ons noem dit $ 545 miljoen ter wille van eenvoud.<p>Gemiddeld saam, <em>Avengers, Ultron</em> en <em>Burgeroorlog</em> het 63 persent van hul totale bruto in buitelandse markte ingeneem. Pas dieselfde figuur toe op <em>Oneindigheidsoorlog</em> , kry ons 'n buitelandse totaal van $ 928 miljoen, wat beteken dat Thanos se inval in die Aarde Disney meer as / onder $ 1,47 miljard sou kon verdien. Dit is meer as <em>Ultron</em> , maar minder as die oorspronklike <em>Avengers</em> .<p>Van nou af is dit moeilik vir ons om te glo <em>Oneindigheidsoorlog</em> sal nie die lanseerblad van 2012 bo haal nie.<p>Weereens, die hoofsterre is almal aangemeld vir <em>Avengers 4</em> volgende jaar, maar <em>Oneindigheidsoorlog</em> word as 'n slothoofstuk bemark.<p>Selfs Feige het 'n gevoel van finaliteit in die film geterg. Die publiek sal altyd in die skare opdaag vir die eindes van reekse en franchises waarvan hulle toegewyd is <em>en</em> net tangensieel geïnteresseerd in.<p>Die reeks finale van <em>Breek sleg</em> altesaam <a href='http://ew.com/article/2013/09/30/breaking-bad-series-finale-ratings/'>10,3 miljoen</a> lewendige kykers. Geen finale seisoen in die reeks was nog voorheen 1,9 miljoen regstreekse kykers nie. <em>Die Here van die ringe</em> (2001) het $ 871 miljoen wêreldwyd en die trilogie-beperking ingeneem <em>Die terugkeer van die koning</em> het net twee jaar later $ 1,1 miljard gehaal. <em>Harry Potter and the Deathly Hallows Deel II</em> is die film met die grootste wins in die franchise met 'n wye marge.<p>Mense hou van eindes.<p>Hierdie <em>Oneindigheidsoorlog</em> getalle word op hierdie stadium almal net vermoed, maar om projeksies en mond-tot-mond dop te hou, sal die voorspellings in die komende weke help fokus. Vir nou is 'n veilige weddenskap om wêreldwyd tussen $ 1,4 en 1,8 miljard dollar te verwag, met die oog op die hoër. </article> <div class="float-left-right text-center mt-40 mt-sm-20"> <ul class="mb-30 list-li-mt-10 list-li-mr-5 list-a-plr-15 list-a-ptb-7 list-a-bg-grey list-a-br-2 list-a-hvr-primary "> <li> <a href="/movies/">Flieks</a> </li> </ul> </div> <div class="brdr-ash-1 opacty-5"></div> <h4 class="p-title mt-50"> <b>Artikels Wat U Dalk Wil Hê</b> :</h4> <div class="row"> <div class="col-sm-6"> <img src="https://newbornsplanet.com/img/tv/30/moral-bonds-between-steven-universe.jpg" alt="The Moral Bonds Between 'Steven Universe' en 'BoJack Horseman"> <h4 class="pt-20"> <a href="/moral-bonds-between-steven-universe"> <b>The Moral Bonds Between 'Steven Universe' en 'BoJack Horseman'</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/tv/" class="color-black"> <b>Tv</b> </a> 2024</li> </ul> </div><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/lifestyle/71/how-new-york-singles-are-approaching-first-date-check-etiquette.jpg" alt="Hoe die singles van New York nader aan die etiket van die eerste afspraak van die datum"> <h4 class="pt-20"> <a href="/how-new-york-singles-are-approaching-first-date-check-etiquette"> <b>Hoe die singles van New York nader aan die etiket van die eerste afspraak van die datum</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/lifestyle/" class="color-black"> <b>Lewensstyl</b> </a> 2024</li> </ul> </div> </div> </div> <div class="d-none d-md-block d-lg-none col-md-3"></div> <div class="col-md-6 col-lg-4"> <div class="pl-20 pl-md-0"> <div class="mtb-50"> <h4 class="p-title"> <b>Sien Ook:</b> </h4> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/will-hollywood-ever-allow-us-stream-new-theatrical-releases-home"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/movies/83/will-hollywood-ever-allow-us-stream-new-theatrical-releases-home.jpg" alt="Sal Hollywood ons ooit toelaat om nuwe teaterversendings tuis te stroom?"></div> <div class="ml-120 min-h-100x"> <h5> <b>Sal Hollywood ons ooit toelaat om nuwe teaterversendings tuis te stroom?</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/blotto-sundance-hike-appalachian-trail"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/movies/03/blotto-sundance-hike-appalachian-trail.jpg" alt="Blotto en Sundance stap die Appalachian Trail"></div> <div class="ml-120 min-h-100x"> <h5> <b>Blotto en Sundance stap die Appalachian Trail</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/near-complete-history-movies"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/86/near-complete-history-movies.jpg" alt="'N Byna volledige geskiedenis van films en TV-programme wat op slimfone verskyn"></div> <div class="ml-120 min-h-100x"> <h5> <b>'N Byna volledige geskiedenis van films en TV-programme wat op slimfone verskyn</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/mild-silly-shed-is-full-laughably-contrived-scenarios"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/movies/20/mild-silly-shed-is-full-laughably-contrived-scenarios.jpeg" alt="Mild and Silly, 'The Shed' is vol lagwekkende scenario's"></div> <div class="ml-120 min-h-100x"> <h5> <b>Mild and Silly, 'The Shed' is vol lagwekkende scenario's</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/laura-jane-grace-reveals-her-trans-struggle-vulnerable-autobiography"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/76/laura-jane-grace-reveals-her-trans-struggle-vulnerable-autobiography.jpg" alt="Laura Jane Grace onthul haar transstryd in die kwesbare outobiografie"></div> <div class="ml-120 min-h-100x"> <h5> <b>Laura Jane Grace onthul haar transstryd in die kwesbare outobiografie</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/russia-s-collective-awwww-over-siberian-tiger"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/politics/63/russia-s-collective-awwww-over-siberian-tiger.png" alt="Rusland se kollektiewe 'Awwww' oor Siberiese tier en die bok wat hy nie sal eet nie"></div> <div class="ml-120 min-h-100x"> <h5> <b>Rusland se kollektiewe 'Awwww' oor Siberiese tier en die bok wat hy nie sal eet nie</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/tesla-will-allow-you-rent-solar-panels-there-s-catch"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/48/tesla-will-allow-you-rent-solar-panels-there-s-catch.jpg" alt="Tesla sal u toelaat om sonpanele te huur — maar daar is 'n vangplek"></div> <div class="ml-120 min-h-100x"> <h5> <b>Tesla sal u toelaat om sonpanele te huur — maar daar is 'n vangplek</b> </h5> </div> </a> </div> </div> </div> </div> <div class="e15e72efd836d24240933bc28b156d70"></div> <input type="hidden" id="1dd13ae0ceae47eede51d0f72301d5bb" value=//af.newbornsplanet.com/exclusive-watch-trailer,//af.newbornsplanet.com/could-adam-sandler-jennifer-aniston-s-new-netflix-movie-drop-this-summer,//af.newbornsplanet.com/mark-wahlberg-s-infinite-tosses-garnish-reheated-matrix-leftovers,//af.newbornsplanet.com/what-wb-cineworld-s-new-multi-year-deal-means,//af.newbornsplanet.com/must-see-movies-summer-2021,/> <input type="hidden" id="e2c24c0e002b433dc20b19c7f0f10187" value=/> </div> </section> <input type="hidden" class="lang" value="af"> <input type="hidden" id="calculating_films" value="Wag Asseblief"> <input type="hidden" id="next_page" value=//af.newbornsplanet.com/orange-is-new-black-season-2-finale> <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"> Lig Die Hoofnuus En Al Die Nuutste Tendense In Lewenstyl, Kuns, Besigheidsbeleid En Bekende Nuus Regoor Die Wêreld.</p> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9496335237" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script><br /><br /><br /><hr /> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> <p class="color-ash">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> </div> </div> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>Gewilde Poste</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/inept-goth-bella-thorne-stars-turkey-you-ll-want-forget"> <b>Ongeskikte Goth Bella Thorne speel in 'n Turkye wat jy sal wil vergeet</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/spotify-offers-hulu-subscription-bundle-10-month"> <b>Spotify bied Hulu-intekenaarbundel teen $ 10 per maand aan</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/exclusive-adam-sandler"> <b>Eksklusief: Adam Sandler en Netflix werk weer saam vir 'n Halloween Whodunit</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/true-grit-lacking-daddy-dearest-adaptation-glass-castle"> <b>True Grit Macking in Daddy Dearest Adaptation of 'The Glass Castle'</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>Editor'S Choice</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/13-best-christian-dating-sites">beste aanlyn Christelike dating sites</a> </li><li><a href="/game-thrones-season-8-finally-has-release-date-here-s-what-we-know-far">game of thrones 2019 datum</a> </li><li><a href="/jerry-lewis-dead-91">leef jerry lewis nog</a> </li><li><a href="/barack-michelle-obama-just-paid-11">waar bly die obamas nou</a> </li><li><a href="/10-best-hip-hop-albums-2015">hip hop albums van 2015</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="//sl.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 = $("#1dd13ae0ceae47eede51d0f72301d5bb").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 = $(".e15e72efd836d24240933bc28b156d70").offset().top; var eh = $(".e15e72efd836d24240933bc28b156d70").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".33575c973d05812c84e971ba39f55d55").removeClass("33575c973d05812c84e971ba39f55d55"); atr = atr + 1; get_url = urls[atr] + " .33575c973d05812c84e971ba39f55d55"; 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"; $(".e15e72efd836d24240933bc28b156d70").load(get_url); setTimeout(function () { $(".33575c973d05812c84e971ba39f55d55").unwrap(); id = jQuery(".33575c973d05812c84e971ba39f55d55").attr("id"); $("#" + id).after($("<div class='e15e72efd836d24240933bc28b156d70'>")); busy = false; $(".33575c973d05812c84e971ba39f55d55").removeClass("33575c973d05812c84e971ba39f55d55"); 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>

Ons weg-te-vroeë 'Avengers: Infinity War' loketvoorspelling