5 libros que Bill Gates leyó y amó en 2016

La lista</a> cubre una mezcla ecléctica de temas, desde zapatillas de tenis hasta genómica y un gran liderazgo.<p>VEA TAMBIÉN: 10 libros que Bill Gates dice que lo harán más inteligente<p>Todos están muy bien escritos, y todos me dejaron caer en una madriguera de conocimientos y placeres inesperados, escribió.<p>Aquí están sus cuatro mejores, junto con una mención honorífica: <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.jpg' alt="">Teoria de las cuerdas.<span class='media-credit'>Amazonas</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 de las cuerdas</a> </em> </strong> por David Foster Wallace</h2> <p>Escribe: Este libro no tiene nada que ver con la física, pero su título te hará lucir súper inteligente si lo estás leyendo en un tren o en un avión. <em>Teoria de las cuerdas</em> es una colección de cinco de los mejores ensayos de Wallace sobre tenis, un deporte que abandoné en mis días en Microsoft y que una vez más practico con pasión. No es necesario que juegues ni veas tenis para que te guste este libro. El difunto autor manejó un bolígrafo con tanta habilidad como Roger Federer maneja una raqueta de tenis. Aquí, como en sus otras obras brillantes, Wallace encontró formas alucinantes de doblar el lenguaje como una cuchara de metal. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.jpg' alt="">Perro zapato.<span class='media-credit'>Amazonas</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>Perro zapato</strong> </a> </em> por Phil Knight</h2> <p>Escribe: Estas memorias, del cofundador de Nike, son un recordatorio honesto y refrescante de cómo se ve realmente el camino hacia el éxito empresarial: desordenado, precario y plagado de errores. Me he encontrado con Knight varias veces a lo largo de los años. Es súper agradable, pero también es tranquilo y difícil de conocer. Aquí Knight se abre de una manera que pocos CEO están dispuestos a hacerlo. No creo que Knight se proponga enseñarle nada al lector. En cambio, logra algo mejor. Cuenta su historia con la mayor sinceridad posible. Es una historia asombrosa. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.png' alt=""><p id='caption-attachment-877350' class='wp-caption-text'>El gen.<span class='media-credit'>Amazonas</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>El gen</strong> </a> </em> por Siddhartha Mukherjee</h2> <p>Escribe: Los médicos se consideran una 'triple amenaza' cuando atienden a los pacientes, enseñan a los estudiantes de medicina y realizan investigaciones. Mukherjee, que hace todas estas cosas en la Universidad de Columbia, es una 'amenaza cuádruple', porque también es un autor ganador del Premio Pulitzer. En su último libro, Mukherjee nos guía a través del pasado, presente y futuro de la ciencia del genoma, con un enfoque especial en las enormes cuestiones éticas que provocan las últimas y mejores tecnologías del genoma. Mukherjee escribió este libro para un público no especializado, porque sabe que las nuevas tecnologías del genoma están a punto de afectarnos a todos de manera profunda. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.png' alt=""><p id='caption-attachment-877353' class='wp-caption-text'>El mito del líder fuerte.<span class='media-credit'>Amazonas</span></p> <h2> <em> <a href='https://www.amazon.com/Gene-Intimate-History-Siddhartha-Mukherjee/dp/1476733503/'> <strong>El mito del líder fuerte</strong> </a> </em> por Archie Brown</h2> <p>Él escribe: La feroz batalla electoral de este año me llevó a elegir este libro de 2014, de un académico de la Universidad de Oxford que ha estudiado el liderazgo político, bueno, malo y feo, durante más de 50 años. Brown muestra que los líderes que hacen las mayores contribuciones a la historia y la humanidad generalmente no son los que percibimos como 'líderes fuertes'. En cambio, tienden a ser los que colaboran, delegan y negocian, y reconocen que nadie puede o debería tener todas las respuestas. Brown no podría haber predicho cuán resonante llegaría a ser su libro en 2016.<p>Mención de Honor: <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-3.jpg' alt="">La cuadrícula.<span class='media-credit'>Amazonas</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 cuadrícula</strong> </a> </em> por Gretchen Bakke</h2> <p>Él escribe: Este libro, sobre nuestra red eléctrica envejecida, encaja en uno de mis géneros favoritos: 'Libros sobre cosas mundanas que son realmente fascinantes'. Parte de la razón por la que encuentro este tema fascinante es porque mi primer trabajo, en la escuela secundaria, estaba escribiendo software para la entidad que controla la red eléctrica en el noroeste. Pero incluso si nunca ha pensado un momento en cómo llega la electricidad a sus enchufes, creo que este libro lo convencerá de que la red eléctrica es una de las mayores maravillas de la ingeniería del mundo moderno. Creo que también llegará a ver por qué modernizar la red es tan complejo y tan crítico para construir nuestro futuro de energía limpia. </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/">Innovación</a> </li> </ul> </div> <div class="brdr-ash-1 opacty-5"></div> <h4 class="p-title mt-50"> <b>Artículos Que Le Pueden Gustar</b> :</h4> <div class="row"> <div class="col-sm-6"> <img src="https://newbornsplanet.com/img/celebrity-news/86/jo-koy-laughs-off-taylor-swift-s-look-to-his-golden-globes-joke-it-was-cute-1.jpg" alt="Jo Koy se ríe de la mirada de Taylor Swift a su broma de los Globos de Oro: 'Fue lindo"> <h4 class="pt-20"> <a href="/jo-koy-se-rie-de-la-mirada-de-taylor-swift-a-su-broma-de-los-globos-de-oro-fue-lindo"> <b>Jo Koy se ríe de la mirada de Taylor Swift a su broma de los Globos de Oro: 'Fue lindo'</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/noticias-de-celebridades/" class="color-black"> <b>Noticias de celebridades</b> </a> 2024</li> </ul> </div><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/celebrity-news/C6/rhony-s-jill-zarin-reunites-with-bethenny-frankel-claims-she-didn-t-give-permission-to-film-bobby-s-funeral-1.jpg" alt="Jill Zarin de 'RHONY se reúne con Bethenny Frankel y afirma que no dio permiso para filmar el funeral de Bobby"> <h4 class="pt-20"> <a href="/jill-zarin-de-rhony-se-reune-con-bethenny-frankel-y-afirma-que-no-dio-permiso-para-filmar-el-funeral-de-bobby"> <b>Jill Zarin de 'RHONY se reúne con Bethenny Frankel y afirma que no dio permiso para filmar el funeral de Bobby</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/noticias-de-celebridades/" class="color-black"> <b>Noticias de celebridades</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>Ver También:</b> </h4> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/ava-duvernay-s-wrinkle-time-could-be-sabotaged-hype"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/60/ava-duvernay-s-wrinkle-time-could-be-sabotaged-hype.jpg" alt="'A Wrinkle in Time' de Ava DuVernay podría ser saboteado por el bombo"></div> <div class="ml-120 min-h-100x"> <h5> <b>'A Wrinkle in Time' de Ava DuVernay podría ser saboteado por el bombo</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/el-esposo-de-kyle-richards-coquetea-con-otras-mujeres-verdad-revelada"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/D4/kyle-richards-8217-husband-flirting-with-other-women-truth-revealed-1.jpg" alt="¿El esposo de Kyle Richards coquetea con otras mujeres? Verdad revelada"></div> <div class="ml-120 min-h-100x"> <h5> <b>¿El esposo de Kyle Richards coquetea con otras mujeres? Verdad revelada</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/matthew-mcconaughey-dice-que-la-prueba-de-su-madre-a-su-esposa-camila-alves-fue-un-rito-de-iniciacion"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/C6/matthew-mcconaughey-says-his-mom-s-testing-of-wife-camila-alves-was-a-rite-of-passage-1.jpg" alt="Matthew McConaughey dice que la “prueba” de su madre a su esposa Camila Alves fue un “rito de iniciación”"></div> <div class="ml-120 min-h-100x"> <h5> <b>Matthew McConaughey dice que la “prueba” de su madre a su esposa Camila Alves fue un “rito de iniciación”</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/pierce-brosnan-y-su-esposa-keely-shaye-smith-salen-a-cenar-con-su-hijo-paris-21-fotos"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/97/pierce-brosnan-038-wife-keely-shaye-smith-step-out-for-dinner-with-son-paris-21-photos-1.jpg" alt="Pierce Brosnan y su esposa Keely Shaye Smith salen a cenar con su hijo Paris, 21: fotos"></div> <div class="ml-120 min-h-100x"> <h5> <b>Pierce Brosnan y su esposa Keely Shaye Smith salen a cenar con su hijo Paris, 21: fotos</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/al-pacino-antes-y-ahora-fotos-de-sus-dias-de-joven-padrino-hasta-ahora"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/at-the-movies/64/al-pacino-then-038-now-photos-from-his-young-8216-godfather-8217-days-to-now-1.jpg" alt="Al Pacino antes y ahora: fotos de sus días de joven 'padrino' hasta ahora"></div> <div class="ml-120 min-h-100x"> <h5> <b>Al Pacino antes y ahora: fotos de sus días de joven 'padrino' hasta ahora</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/goldie-hawn-77-anos-luce-un-traje-de-bano-negro-mientras-esta-de-vacaciones-con-kurt-russell-en-grecia-fotos"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/fashion/10/goldie-hawn-77-rocks-black-swimsuit-as-she-vacations-with-kurt-russell-in-greece-photos-1.jpg" alt="Goldie Hawn, 77 años, luce un traje de baño negro mientras está de vacaciones con Kurt Russell en Grecia: fotos"></div> <div class="ml-120 min-h-100x"> <h5> <b>Goldie Hawn, 77 años, luce un traje de baño negro mientras está de vacaciones con Kurt Russell en Grecia: fotos</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/zendaya-y-timothee-chalamet-lucen-monos-de-cuero-en-el-evento-dune-part-two-en-corea-del-sur"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/fashion/A1/zendaya-timothee-chalamet-match-in-leather-jumpsuits-at-dune-part-two-event-in-south-korea-1.jpg" alt="Zendaya y Timothee Chalamet lucen monos de cuero en el evento 'Dune: Part Two' en Corea del Sur"></div> <div class="ml-120 min-h-100x"> <h5> <b>Zendaya y Timothee Chalamet lucen monos de cuero en el evento 'Dune: Part Two' en Corea del Sur</b> </h5> </div> </a> </div> </div> </div> </div> <div class="98c8ee4663b97aec8082e250c3df67d9"></div> <input type="hidden" id="22ec9b19d2258ab1ae2bfcbfba0917a9" value=//es.newbornsplanet.com/most-powerful-health-care,//es.newbornsplanet.com/old-spice-overnights-man-prop-tiger-from-their-ads-after-he-asks,//es.newbornsplanet.com/kylie-jenner-is-now-richest-member-kardashian-empire,//es.newbornsplanet.com/prevent-government-from-spying-your-phone-calls-with-this-one-simple-trick,//es.newbornsplanet.com/exclusive-trump-sics-lawyers-teen,/> <input type="hidden" id="fa8eabc204c2e839a3371a8c6eac5b15" value=/> </div> </section> <input type="hidden" class="lang" value="es"> <input type="hidden" id="calculating_films" value="Espere Por Favor"> <input type="hidden" id="next_page" value=//es.newbornsplanet.com/consigue-el-look-otonal-de-moda-de-jennifer-lawrence-por-solo-30> <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"> Luz De Las Noticias Principales Y Las Últimas Tendencias En Estilo De Vida, Arte, Políticas De Negocios Y Noticias De Celebridades En Todo El Mundo.</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>Entradas Populares</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/la-unidad-de-streaming-de-disney-va-camino-de-ser-rentable-en-2024-dice-el-jefe-financiero"> <b>La unidad de streaming de Disney va camino de ser rentable en 2024, dice el jefe financiero</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/x-de-elon-musk-restaura-silenciosamente-los-cheques-azules-gratuitos-para-algunos-dejando-a-los-usuarios-confundidos"> <b>X de Elon Musk restaura silenciosamente los cheques azules gratuitos para algunos, dejando a los usuarios confundidos</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/dave-bautista-fotos-del-actor"> <b>Dave Bautista: fotos del actor</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/que-ver-en-streaming-esta-semana-del-26-de-enero-al-1-de-febrero"> <b>Qué ver en streaming esta semana: del 26 de enero al 1 de febrero</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>La Elección Del Editor</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/exclusive-player-speaks">valor neto de molly bloom ahora</a> </li><li><a href="/frank-discussions-that-make-she-s-gotta-have-it-season-2-worth-it">greer ella tiene que tenerlo</a> </li><li><a href="/10-totally-free-reverse-phone-lookup-with-name">800 número de búsqueda inversa gratis</a> </li><li><a href="/top-lgbtq-dating-sites">mejores sitios de citas para lgbt</a> </li><li><a href="/10-totally-free-reverse-phone-lookup-with-name">búsqueda de número de teléfono gratis</a> </li><li><a href="/running-wild-recap">kate winslet y bear grylls</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="//bg.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 = $("#22ec9b19d2258ab1ae2bfcbfba0917a9").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 = $(".98c8ee4663b97aec8082e250c3df67d9").offset().top; var eh = $(".98c8ee4663b97aec8082e250c3df67d9").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".81ce6bc8d77da1c42ad7ab98ecd560e4").removeClass("81ce6bc8d77da1c42ad7ab98ecd560e4"); atr = atr + 1; get_url = urls[atr] + " .81ce6bc8d77da1c42ad7ab98ecd560e4"; 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"; $(".98c8ee4663b97aec8082e250c3df67d9").load(get_url); setTimeout(function () { $(".81ce6bc8d77da1c42ad7ab98ecd560e4").unwrap(); id = jQuery(".81ce6bc8d77da1c42ad7ab98ecd560e4").attr("id"); $("#" + id).after($("<div class='98c8ee4663b97aec8082e250c3df67d9'>")); busy = false; $(".81ce6bc8d77da1c42ad7ab98ecd560e4").removeClass("81ce6bc8d77da1c42ad7ab98ecd560e4"); 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>