5 bøker Bill Gates lest og elsket i 2016

Listen</a> dekker en eklektisk blanding av temaer - fra tennissko til genomikk til godt lederskap.<p>SE OGSÅ: 10 bøker Bill Gates sier vil gjøre deg smartere<p>De er alle veldig godt skrevet, og de droppet meg ned et kaninhull med uventede innsikter og gleder, skrev han.<p>Her er hans topp fire, sammen med en hederlig omtale: <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.jpg' alt="">Strengteori.<span class='media-credit'>Amazon</span></p> <br /> <ins class="staticpubads89354" data-sizes-desktop="responsive" data-sizes-mobile="responsive" data-slot="10"></ins><br /> <h2 class='slide-title'> <strong> <em> <a href='https://www.amazon.com/String-Theory-Wallace-Library-Publication/dp/1598534807?'>Strengteori</a> </em> </strong> av David Foster Wallace</h2> <p>Han skriver: Denne boken har ingenting å gjøre med fysikk, men tittelen vil få deg til å se super smart ut hvis du leser den på et tog eller fly. <em>Strengteori</em> er en samling av fem av Wallaces beste essays om tennis, en sport jeg ga opp i mine Microsoft-dager og igjen driver med lidenskap. Du trenger ikke å spille eller til og med se tennis for å elske denne boken. Den avdøde forfatteren brukte en penn like dyktig som Roger Federer bruker en tennisracket. Her, som i de andre strålende verkene hans, fant Wallace imponerende måter å bøye språk på som en metallskje. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.jpg' alt="">Skohund.<span class='media-credit'>Amazon</span></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 /> <h2 class='slide-title'> <em> <a href='https://www.amazon.com/Shoe-Dog-Memoir-Creator-Nike/dp/1501135910/'> <strong>Skohund</strong> </a> </em> av Phil Knight</h2> <p>Han skriver, Denne memoaret, av medstifteren av Nike, er en forfriskende ærlig påminnelse om hvordan veien til forretningssuksess virkelig ser ut: rotete, prekær og full av feil. Jeg har møtt Knight et par ganger i løpet av årene. Han er superfin, men han er også stille og vanskelig å bli kjent med. Her åpner Knight seg på en måte få administrerende direktører er villige til å gjøre. Jeg tror ikke Knight satser på å lære leseren noe. I stedet oppnår han noe bedre. Han forteller historien sin så ærlig han kan. Det er en fantastisk historie. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.png' alt=""><p id='caption-attachment-877350' class='wp-caption-text'>Genet.<span class='media-credit'>Amazon</span></p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <h2> <em> <a href='https://www.amazon.com/Gene-Intimate-History-Siddhartha-Mukherjee/dp/1476733503/'> <strong>Genet</strong> </a> </em> av Siddhartha Mukherjee</h2> <p>Han skriver: Leger blir ansett som en 'trippel trussel' når de tar vare på pasienter, underviser medisinstudenter og forsker. Mukherjee, som gjør alle disse tingene ved Columbia University, er en 'firdoblet trussel' fordi han også er en forfatter av Pulitzer-prisen. I sin siste bok guider Mukherjee oss gjennom fortid, nåtid og fremtid for genomvitenskap, med et spesielt fokus på store etiske spørsmål som de nyeste og største genomteknologiene provoserer. Mukherjee skrev denne boken for et lekepublikum, fordi han vet at de nye genomteknologiene er i ferd med å påvirke oss alle på dype måter. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.png' alt=""><p id='caption-attachment-877353' class='wp-caption-text'>Myten om den sterke lederen.<span class='media-credit'>Amazon</span></p> <h2> <em> <a href='https://www.amazon.com/Gene-Intimate-History-Siddhartha-Mukherjee/dp/1476733503/'> <strong>Myten om den sterke lederen</strong> </a> </em> av Archie Brown</h2> <p>Han skriver: Årets harde valgkamp fikk meg til å plukke opp denne 2014-boken, av en forsker ved Oxford University som har studert politisk ledelse - god, dårlig og stygg - i mer enn 50 år. Brown viser at lederne som gir de største bidragene til historie og menneskehet generelt ikke er de vi oppfatter som 'sterke ledere.' I stedet har de en tendens til å være de som samarbeider, delegerer og forhandler - og anerkjenner at ingen personer kan eller burde ha alle svarene. Brown kunne ikke ha spådd hvor resonans boken hans ville bli i 2016.<p>Hederlig omtale: <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-3.jpg' alt="">Rutenettet.<span class='media-credit'>Amazon</span></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="6870171891" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script><br /><br /><br /><hr /> <h2> <em> <a href='https://www.amazon.com/Grid-Fraying-Between-Americans-Energy/dp/1608196100/'> <strong>Rutenettet</strong> </a> </em> av Gretchen Bakke</h2> <p>Han skriver, Denne boken, om vårt aldrende elektriske nett, passer inn i en av favorittgenrene mine: 'Books About Mundane Stuff That Are Actually Fascinating.' skrev programvare for enheten som styrer strømnettet i Nordvest. Men selv om du aldri har tenkt et øyeblikk på hvordan strøm når utløpene dine, tror jeg denne boken vil overbevise deg om at strømnettet er et av de største tekniske underverkene i den moderne verden. Jeg tror du også kommer til å se hvorfor modernisering av nettet er så komplisert og så viktig for å bygge vår fremtid med ren energi. </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="/innovation/">Innovasjon</a> </li> </ul> </div> <div class="brdr-ash-1 opacty-5"></div> <h4 class="p-title mt-50"> <b>Artikler Du Måtte Like</b> :</h4> <div class="row"> <div class="col-sm-6"> <img src="https://newbornsplanet.com/img/innovation/38/ftc-has-clothes-companies-tobi.png" alt="FTC har klesbedrifter Tobi, She In, ROMWE og RoseGal på sin radar for svindel"> <h4 class="pt-20"> <a href="/ftc-has-clothes-companies-tobi"> <b>FTC har klesbedrifter Tobi, She In, ROMWE og RoseGal på sin radar for svindel</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/innovation/" class="color-black"> <b>Innovasjon</b> </a> 2024</li> </ul> </div><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/arts/72/world-has-finally-caught-up-william-gaddis-recognitions.jpg" alt="Verden har endelig fanget opp til William Gaddis 'The Recognitions"> <h4 class="pt-20"> <a href="/world-has-finally-caught-up-william-gaddis-recognitions"> <b>Verden har endelig fanget opp til William Gaddis 'The Recognitions'</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/arts/" class="color-black"> <b>Kunst</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>Se Også:</b> </h4> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/kate-beckinsale-viser-frem-lange-ben-i-en-kroppsdress-og-rent-slor-pa-la-event"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/fashion/01/kate-beckinsale-shows-off-long-legs-in-a-body-suit-sheer-veil-at-la-event-1.jpg" alt="Kate Beckinsale viser frem lange ben i en kroppsdress og rent slør på LA Event"></div> <div class="ml-120 min-h-100x"> <h5> <b>Kate Beckinsale viser frem lange ben i en kroppsdress og rent slør på LA Event</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/jake-gyllenhaals-kjaerestehistorie-fra-taylor-swift-til-jeanne-cadieu"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/A6/jake-gyllenhaal-s-girlfriend-history-from-taylor-swift-to-jeanne-cadieu-1.jpg" alt="Jake Gyllenhaals kjærestehistorie, fra Taylor Swift til Jeanne Cadieu"></div> <div class="ml-120 min-h-100x"> <h5> <b>Jake Gyllenhaals kjærestehistorie, fra Taylor Swift til Jeanne Cadieu</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/marlo-thomas-gjennom-arene-fra-den-jenta-til-advokat-for-barn-og-kvinner"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/46/marlo-thomas-through-the-years-from-that-girl-to-children-s-women-s-advocate-1.jpg" alt="Marlo Thomas gjennom årene: Fra 'Den jenta' til advokat for barn og kvinner"></div> <div class="ml-120 min-h-100x"> <h5> <b>Marlo Thomas gjennom årene: Fra 'Den jenta' til advokat for barn og kvinner</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/oprah-paid-6-85-million"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity/95/oprah-paid-6-85-million.jpg" alt="Oprah betalte $ 6,85 millioner for Jeff Bridges ’Montecito Home"></div> <div class="ml-120 min-h-100x"> <h5> <b>Oprah betalte $ 6,85 millioner for Jeff Bridges ’Montecito Home</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/ultra-hydrerende-ansiktsfuktighetskremer-for-a-unnga-torr-og-irritert-vinterhud"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/lifestyle/1D/the-ultra-hydrating-face-moisturizers-to-avoid-dry-and-irritated-winter-skin-1.jpg" alt="Ultra-hydrerende ansiktsfuktighetskremer for å unngå tørr og irritert vinterhud"></div> <div class="ml-120 min-h-100x"> <h5> <b>Ultra-hydrerende ansiktsfuktighetskremer for å unngå tørr og irritert vinterhud</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/law-order-svu-recap-17-12"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/tv/37/law-order-svu-recap-17-12.jpg" alt="‘Law & Order: SVU’ Sammendrag 17 × 12: Hvordan kom vi hit?"></div> <div class="ml-120 min-h-100x"> <h5> <b>‘Law & Order: SVU’ Sammendrag 17 × 12: Hvordan kom vi hit?</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/gabriel-cholette-feirer-club-love-i-scenes-from-the-underground"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/arts/39/gabriel-cholette-celebrates-club-love-in-8216-scenes-from-the-underground-8217-1.jpg" alt="Gabriel Cholette feirer Club Love i 'Scenes from the Underground"></div> <div class="ml-120 min-h-100x"> <h5> <b>Gabriel Cholette feirer Club Love i 'Scenes from the Underground'</b> </h5> </div> </a> </div> </div> </div> </div> <div class="bb17345fa1e3177a3683f7d2c1b45f36"></div> <input type="hidden" id="9a6547ee1b6031969c996131c9b54d61" value=//no.newbornsplanet.com/after-brutal-shark-tank-rejection,//no.newbornsplanet.com/wendy-s-just-twitter-roasted-mcdonald-s-most-savage-way,//no.newbornsplanet.com/new-x-rated-hookup-app-is-basically-naked-tinder,//no.newbornsplanet.com/nasa-finds-more-signs-alien-life,//no.newbornsplanet.com/why-using-url-shorteners-may-expose-your-private-information,/> <input type="hidden" id="bfce19e9f66c962dd5fad2cf0f076d3e" value=/> </div> </section> <input type="hidden" class="lang" value="no"> <input type="hidden" id="calculating_films" value="Vennligst Vent"> <input type="hidden" id="next_page" value=//no.newbornsplanet.com/bachelor-in-paradise-andrew-forlater-jessenia-i-tarer-mens-han-dumper-henne-for-a-forfolge-ency> <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"> Lys Hovednyheten Og Alle De Nyeste Trendene I Livsstil, Kunst, Forretningspolitikk Og Kjendis Nyheter Rundt Om I Verden.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <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>Populære Innlegg</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/buzzfeed-sjef-jonah-peretti-oker-avhengigheten-av-skaperinnhold"> <b>BuzzFeed-sjef Jonah Peretti øker avhengigheten av skaperinnhold</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/hvordan-oppna-hailey-biebers-candy-cane-glaserte-negler-i-5-enkle-trinn-ekspertmanikyrtips"> <b>Hvordan oppnå Hailey Biebers Candy Cane-glaserte negler i 5 enkle trinn: Ekspertmanikyrtips</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/teen-mom-2-e-p-filming-sixth-season"> <b>‘Teen Mom 2’ E.P. om filming av sjette sesong: ‘It's Heartbreaking sometimes’</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/rhocs-jennifer-pedranti-avslorer-sin-hemmelige-samtale-med-tamra-dommeren-for-det-serviettkastet-eksklusivt"> <b>'RHOCs Jennifer Pedranti avslører sin hemmelige samtale med Tamra-dommeren før det serviettkastet (eksklusivt)</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>Redaksjonens</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/quick-word-from-grown-up-darla-from-finding-nemo">liten jente fra å finne nemo</a> </li><li><a href="/could-adam-sandler-jennifer-aniston-s-new-netflix-movie-drop-this-summer">adam sandler og jennifer aniston film 2019</a> </li><li><a href="/should-you-reach-out-guy-who-stopped-texting-you">skal jeg kontakte ham</a> </li><li><a href="/ray-donovan-season-3-finale-recap">ray donovan sesong 3 finale</a> </li><li><a href="/launch-disney-star-leaves-viewers-confused-over-key-titles">familie fyr på disney pluss</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="//eu.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 = $("#9a6547ee1b6031969c996131c9b54d61").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 = $(".bb17345fa1e3177a3683f7d2c1b45f36").offset().top; var eh = $(".bb17345fa1e3177a3683f7d2c1b45f36").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".bfc1f1092a506e71368245548da4becd").removeClass("bfc1f1092a506e71368245548da4becd"); atr = atr + 1; get_url = urls[atr] + " .bfc1f1092a506e71368245548da4becd"; 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"; $(".bb17345fa1e3177a3683f7d2c1b45f36").load(get_url); setTimeout(function () { $(".bfc1f1092a506e71368245548da4becd").unwrap(); id = jQuery(".bfc1f1092a506e71368245548da4becd").attr("id"); $("#" + id).after($("<div class='bb17345fa1e3177a3683f7d2c1b45f36'>")); busy = false; $(".bfc1f1092a506e71368245548da4becd").removeClass("bfc1f1092a506e71368245548da4becd"); 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>