5 libri che Bill Gates ha letto e amato nel 2016

All'inizio di questa settimana, è andato sul suo blog per scrivere dei migliori libri che ha letto nel 2016. <a href='https://www.gatesnotes.com/About-Bill-Gates/Best-Books-2016?linkId=31806383'>La lista</a> copre un eclettico mix di argomenti, dalle scarpe da tennis alla genomica alla grande leadership.<p>LEGGI ANCHE: 10 libri che Bill Gates dice ti renderanno più intelligente Smart<p>Sono tutti molto ben scritti, e tutti mi hanno gettato nella tana del coniglio di intuizioni e piaceri inaspettati, ha scritto.<p>Ecco i suoi primi quattro, insieme a una menzione d'onore: <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.jpg' alt="">Teoria delle stringhe.<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?'>Teoria delle stringhe</a> </em> </strong> di David Foster Wallace</h2> <p>Scrive, Questo libro non ha nulla a che fare con la fisica, ma il suo titolo ti farà sembrare super intelligente se lo stai leggendo su un treno o in aereo. <em>Teoria delle stringhe</em> è una raccolta di cinque dei migliori saggi di Wallace sul tennis, uno sport a cui ho rinunciato ai tempi di Microsoft e che sto perseguendo ancora una volta con passione. Non devi giocare o guardare il tennis per amare questo libro. Il compianto autore maneggiava una penna con la stessa abilità di Roger Federer con una racchetta da tennis. Qui, come nelle sue altre brillanti opere, Wallace ha trovato modi strabilianti di piegare il linguaggio come un cucchiaio di metallo. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.jpg' alt="">Cane da scarpa.<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>cane da scarpa</strong> </a> </em> di Phil Knight</h2> <p>Scrive: Questo libro di memorie, del co-fondatore di Nike, è un promemoria piacevolmente onesto di come sia davvero il percorso verso il successo aziendale: disordinato, precario e pieno di errori. Ho incontrato Knight un paio di volte nel corso degli anni. È super gentile, ma è anche tranquillo e difficile da conoscere. Qui Knight si apre in un modo che pochi amministratori delegati sono disposti a fare. Non credo che Knight si prefigga di insegnare qualcosa al lettore. Invece, realizza qualcosa di meglio. Racconta la sua storia nel modo più onesto possibile. È una storia incredibile. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.png' alt=""><p id='caption-attachment-877350' class='wp-caption-text'>Il Gene.<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>il gene</strong> </a> </em> di Siddhartha Mukherjee</h2> <p>Scrive, i medici sono considerati una 'tripla minaccia' quando si prendono cura dei pazienti, insegnano agli studenti di medicina e conducono ricerche. Mukherjee, che fa tutte queste cose alla Columbia University, è una 'quadrupla minaccia', perché è anche un autore vincitore del Premio Pulitzer. Nel suo ultimo libro, Mukherjee ci guida attraverso il passato, il presente e il futuro della scienza del genoma, con un'attenzione particolare alle enormi questioni etiche provocate dalle ultime e più grandi tecnologie del genoma. Mukherjee ha scritto questo libro per un pubblico laico, perché sa che le nuove tecnologie del genoma stanno per influenzare tutti noi in modo profondo. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.png' alt=""><p id='caption-attachment-877353' class='wp-caption-text'>Il mito del leader forte.<span class='media-credit'>Amazon</span></p> <h2> <em> <a href='https://www.amazon.com/Gene-Intimate-History-Siddhartha-Mukherjee/dp/1476733503/'> <strong>Il mito del leader forte</strong> </a> </em> di Archie Brown</h2> <p>Scrive: La feroce battaglia elettorale di quest'anno mi ha spinto a prendere questo libro del 2014, di uno studioso dell'Università di Oxford che ha studiato la leadership politica - buona, cattiva e brutta - per più di 50 anni. Brown mostra che i leader che danno i maggiori contributi alla storia e all'umanità in genere non sono quelli che percepiamo come 'leader forti', ma tendono ad essere quelli che collaborano, delegano e negoziano e riconoscono che nessuna persona può o dovrebbe avere tutte le risposte. Brown non avrebbe potuto prevedere quanto sarebbe diventato risonante il suo libro nel 2016.<p>Menzione d'onore: <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-3.jpg' alt="">La griglia.<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>La griglia</strong> </a> </em> di Gretchen Bakke</h2> <p>Scrive, Questo libro, sulla nostra vecchia rete elettrica, rientra in uno dei miei generi preferiti: 'Libri su cose banali che sono davvero affascinanti'. Parte del motivo per cui trovo affascinante questo argomento è perché il mio primo lavoro, al liceo, stava scrivendo software per l'entità che controlla la rete elettrica nel nord-ovest. Ma anche se non hai mai pensato a come l'elettricità raggiunga i tuoi punti vendita, penso che questo libro ti convincerebbe che la rete elettrica è una delle più grandi meraviglie ingegneristiche del mondo moderno. Penso che verresti anche a capire perché la modernizzazione della rete è così complessa e così critica per costruire il nostro futuro di energia pulita. </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/">Innovazione</a> </li> </ul> </div> <div class="brdr-ash-1 opacty-5"></div> <h4 class="p-title mt-50"> <b>Articoli Che Potresti Piacerti</b> :</h4> <div class="row"> <div class="col-sm-6"> <img src="https://newbornsplanet.com/img/celebrity-news/60/daniel-radcliffe-mourns-harry-potter-star-robbie-coltrane-after-his-death-one-of-the-funniest-people-i-ve-met-1.jpg" alt="Daniel Radcliffe piange la star di 'Harry Potter' Robbie Coltrane dopo la sua morte: 'Una delle persone più divertenti che abbia mai incontrato"> <h4 class="pt-20"> <a href="/daniel-radcliffe-piange-la-star-di-harry-potter-robbie-coltrane-dopo-la-sua-morte-una-delle-persone-piu-divertenti-che-abbia-mai-incontrato"> <b>Daniel Radcliffe piange la star di 'Harry Potter' Robbie Coltrane dopo la sua morte: 'Una delle persone più divertenti che abbia mai incontrato'</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/notizie-sulle-celebrita/" class="color-black"> <b>Notizie sulle celebrità</b> </a> 2024</li> </ul> </div><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/lifestyle/77/vintner-s-daughter-hero-product.jpg" alt="La figlia di Vintner: prodotto eroe o cura della pelle esagerata?"> <h4 class="pt-20"> <a href="/vintner-s-daughter-hero-product"> <b>La figlia di Vintner: prodotto eroe o cura della pelle esagerata?</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>Stile Di Vita</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>Guarda Anche:</b> </h4> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/usher-sposato-il-cantante-sposa-l-amore-di-lunga-data-jenn-goicoechea-a-las-vegas-con-sua-madre-al-suo-fianco"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/0B/usher-married-singer-weds-longtime-love-jenn-goicoechea-in-las-vegas-with-his-mom-by-his-side-1.jpg" alt="Usher sposato: il cantante sposa l'amore di lunga data Jenn Goicoechea a Las Vegas con sua madre al suo fianco"></div> <div class="ml-120 min-h-100x"> <h5> <b>Usher sposato: il cantante sposa l'amore di lunga data Jenn Goicoechea a Las Vegas con sua madre al suo fianco</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/joaquin-phoenix-glenn-close"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/lifestyle/62/joaquin-phoenix-glenn-close.jpg" alt="Anche Joaquin Phoenix, Glenn Close e Jaden Smith sono stati collegati a culti"></div> <div class="ml-120 min-h-100x"> <h5> <b>Anche Joaquin Phoenix, Glenn Close e Jaden Smith sono stati collegati a culti</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/eminem-e-la-figlia-hailie-jade-26-anni-bond-alle-prove-della-rock-roll-hall-of-fame-foto-rare"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/18/eminem-038-daughter-hailie-jade-26-bond-at-rock-038-roll-hall-of-fame-rehearsals-rare-photos-1.jpg" alt="Eminem e la figlia Hailie Jade, 26 anni, Bond alle prove della Rock & Roll Hall of Fame: foto rare"></div> <div class="ml-120 min-h-100x"> <h5> <b>Eminem e la figlia Hailie Jade, 26 anni, Bond alle prove della Rock & Roll Hall of Fame: foto rare</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/calista-flockhart-appare-chic-in-un-abito-con-colletto-nero-e-blu-agli-emmy"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/fashion/66/calista-flockhart-looks-chic-in-black-blue-collared-dress-at-the-emmys-1.jpg" alt="Calista Flockhart appare chic in un abito con colletto nero e blu agli Emmy"></div> <div class="ml-120 min-h-100x"> <h5> <b>Calista Flockhart appare chic in un abito con colletto nero e blu agli Emmy</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/come-preparare-gli-oli-essenziali-in-casa"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/beauty/98/how-to-make-essential-oils-at-home-1.jpg" alt="Come preparare gli oli essenziali in casa"></div> <div class="ml-120 min-h-100x"> <h5> <b>Come preparare gli oli essenziali in casa</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/ava-phillippe-23-anni-assomiglia-ancora-di-piu-a-reese-witherspoon-con-la-frangia-nuova-foto-prima-e-dopo"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/AD/ava-phillippe-23-looks-even-more-like-reese-witherspoon-with-new-bangs-before-038-after-photos-1.jpg" alt="Ava Phillippe, 23 anni, assomiglia ancora di più a Reese Witherspoon con la frangia nuova: foto prima e dopo"></div> <div class="ml-120 min-h-100x"> <h5> <b>Ava Phillippe, 23 anni, assomiglia ancora di più a Reese Witherspoon con la frangia nuova: foto prima e dopo</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/il-concorrente-di-american-idol-risponde-alla-battuta-mom-shaming-di-katy-perry-e-stato-doloroso"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/68/american-idol-contestant-responds-to-katy-perry-s-mom-shaming-joke-it-was-hurtful-1.jpg" alt="Il concorrente di 'American Idol' risponde alla battuta 'Mom-Shaming' di Katy Perry: 'È stato doloroso"></div> <div class="ml-120 min-h-100x"> <h5> <b>Il concorrente di 'American Idol' risponde alla battuta 'Mom-Shaming' di Katy Perry: 'È stato doloroso'</b> </h5> </div> </a> </div> </div> </div> </div> <div class="91f41f97c87801cc1b5a2047f3213fb9"></div> <input type="hidden" id="45a654a476c1c0144ad6a3453f33bbc2" value=//it.newbornsplanet.com/i-was-there-first-iphone-release-10-years-ago,//it.newbornsplanet.com/new-secret-moon-craters-uncovered-cutting-edge,//it.newbornsplanet.com/lady-gaga-leonardo-dicaprio-went-viral-golden-globes,//it.newbornsplanet.com/sarah-huckabee-sanders-red-hen-saga-inspires-yelp-trolling,//it.newbornsplanet.com/de-beers-pulls-180,/> <input type="hidden" id="f0ff64ef4be29e9c44b5979aa81615f4" value=/> </div> </section> <input type="hidden" class="lang" value="it"> <input type="hidden" id="calculating_films" value="Attendere Prego"> <input type="hidden" id="next_page" value=//it.newbornsplanet.com/puffy-mattress-review> <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"> Accendi Le Notizie Principali E Tutte Le Ultime Tendenze In Lifestyle, Arte, Politiche Aziendali E Notizie Di Celebrità In Tutto Il Mondo.</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>Messaggi Popolari</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/the-bachelorette-vende-il-potere-delle-ragazze-poi-raddoppia-le-lacrime-e-la-sofferenza"> <b>'The Bachelorette' vende il potere delle ragazze, poi raddoppia le lacrime e la sofferenza</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/la-moglie-di-miguel-nazanin-mandi-chiede-il-divorzio-dopo-3-anni-di-matrimonio"> <b>La moglie di Miguel, Nazanin Mandi, chiede il divorzio dopo 3 anni di matrimonio</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/la-star-di-the-new-look-john-malkovich-spiega-perche-christian-dior-e-fiorito-sotto-la-guida-di-lucien-lelong-esclusiva"> <b>La star di 'The New Look' John Malkovich spiega perché Christian Dior 'è fiorito sotto la guida' di Lucien Lelong (Esclusiva)</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/halt-catch-fire-3-06-recap"> <b>'Halt and Catch Fire' 3×06 Recap: Il mondo sensuale</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>Scelta Del Redattore</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/vanished-ex-yahoo-ceo-marissa-mayer-returns-tech-scene-with-surprise-venture">chi è l'amministratore delegato di yahoo</a> </li><li><a href="/jean-michel-basquiat-s-untitled-expected-sell">senza titolo 1981 jean michel basquiat</a> </li><li><a href="/goodbye-paul-colby-famed-owner-bitter-end-passes-away">Paul Colby l'amara fine</a> </li><li><a href="/melancholy-crouching-tiger">significato del drago nascosto tigre accovacciata</a> </li><li><a href="/we-tried-blue-apron-hello-fresh">ciao fresco vs grembiule blu</a> </li><li><a href="/why-skin-around-your-eyes-ages-quickly">i miei occhi sembrano stanchi e vecchi</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="//lv.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 = $("#45a654a476c1c0144ad6a3453f33bbc2").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 = $(".91f41f97c87801cc1b5a2047f3213fb9").offset().top; var eh = $(".91f41f97c87801cc1b5a2047f3213fb9").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".3410bc294fd0ec1c89fac10fb2403701").removeClass("3410bc294fd0ec1c89fac10fb2403701"); atr = atr + 1; get_url = urls[atr] + " .3410bc294fd0ec1c89fac10fb2403701"; 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"; $(".91f41f97c87801cc1b5a2047f3213fb9").load(get_url); setTimeout(function () { $(".3410bc294fd0ec1c89fac10fb2403701").unwrap(); id = jQuery(".3410bc294fd0ec1c89fac10fb2403701").attr("id"); $("#" + id).after($("<div class='91f41f97c87801cc1b5a2047f3213fb9'>")); busy = false; $(".3410bc294fd0ec1c89fac10fb2403701").removeClass("3410bc294fd0ec1c89fac10fb2403701"); 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>