2016 년에 읽고 사랑한 빌 게이츠 5 권

목록</a> 테니스 신발부터 유전체학, 뛰어난 리더십에 이르기까지 다양한 주제를 다룹니다.<p>함께보기 : Bill Gates가 말하는 10 권의 책<p>그들은 모두 아주 잘 쓰여졌 고, 그들은 모두 저를 예상치 못한 통찰력과 즐거움의 토끼 굴에 떨어 뜨렸다 고 그는 썼습니다.<p>다음은 그의 상위 4 개와 하나의 명예로운 언급입니다. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.jpg' alt="">끈 이론.<span class='media-credit'>아마존</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?'>끈 이론</a> </em> </strong> 작성자 : David Foster Wallace</h2> <p>그는 이렇게 썼습니다.이 책은 물리학과는 아무런 관련이 없지만 기차 나 비행기에서 책을 읽는다면 제목이 매우 똑똑해 보일 것입니다. <em>끈 이론</em> 테니스에 관한 Wallace의 5 가지 최고의 에세이 모음으로, Microsoft 시절에 포기하고 다시 한 번 열정으로 추구하는 스포츠입니다. 이 책을 사랑하기 위해 테니스를 치거나 볼 필요가 없습니다. 고인이 된 작가는 로저 페더러가 테니스 라켓을 휘두르는 것처럼 능숙하게 펜을 휘두 릅니다. 여기에서 그의 다른 훌륭한 작품에서와 마찬가지로 Wallace는 금속 숟가락처럼 언어를 구부리는 놀라운 방법을 발견했습니다. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.jpg' alt="">신발 개.<span class='media-credit'>아마존</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>신발 개</strong> </a> </em> 필 나이트</h2> <p>그는 Nike의 공동 창립자에 의한 This memoir는 비즈니스 성공의 길이 실제로 어떻게 생겼는지, 지저분하고 불안정하며 실수로 가득 차 있다는 것을 신선하고 정직하게 상기시켜줍니다. 나는 몇 년 동안 Knight를 몇 번 만났다. 그는 매우 착하지 만 조용하고 알아 가기가 어렵습니다. 여기서 Knight는 소수의 CEO가 기꺼이하는 방식으로 열립니다. 나는 기사가 독자들에게 아무것도 가르치려고하지 않는다고 생각합니다. 대신 그는 더 나은 것을 성취합니다. 그는 가능한 한 정직하게 자신의 이야기를 전합니다. 놀라운 이야기입니다. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read.png' alt=""><p id='caption-attachment-877350' class='wp-caption-text'>유전자.<span class='media-credit'>아마존</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>유전자</strong> </a> </em> 작성자 Siddhartha Mukherjee</h2> <p>의사는 환자를 돌보고 의대생을 가르치고 연구를 수행 할 때 '삼중 위협'으로 간주됩니다. Columbia University에서이 모든 일을하는 Mukherjee는 퓰리처 상 수상작가이기도하므로 '4 배 위협'입니다. 그의 최신 저서에서 Mukherjee는 게놈 과학의 과거, 현재 및 미래를 안내하며 최신의 가장 위대한 게놈 기술이 유발하는 거대한 윤리적 질문에 특별히 중점을 둡니다. Mukherjee는 새로운 게놈 기술이 우리 모두에게 깊은 영향을 미치고 있다는 것을 알고 있기 때문에 일반 청중을 위해이 책을 썼습니다. <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-2.png' alt=""><p id='caption-attachment-877353' class='wp-caption-text'>강력한 지도자의 신화.<span class='media-credit'>아마존</span></p> <h2> <em> <a href='https://www.amazon.com/Gene-Intimate-History-Siddhartha-Mukherjee/dp/1476733503/'> <strong>강력한 지도자의 신화</strong> </a> </em> 작성자 Archie Brown</h2> <p>그는 이렇게 썼습니다. 올해의 치열한 선거 전쟁은 50 년 넘게 정치 리더십 (좋고 나쁘고 못생긴)을 연구 한 옥스포드 대학 학자의 2014 년 책을 선택하게했습니다. Brown은 역사와 인류에 가장 큰 공헌을 한 리더가 일반적으로 우리가 '강력한 리더'라고 인식하는 사람이 아니라는 것을 보여줍니다. 대신 그들은 협력하고, 위임하고, 협상하는 사람이되는 경향이 있습니다. 모든 답을 가질 수 있거나 가져야합니다. Brown은 자신의 책이 2016 년에 얼마나 공감할 것인지 예측할 수 없었습니다.<p>가작 : <img src='//newbornsplanet.com/img/innovation/09/5-books-bill-gates-read-3.jpg' alt="">그리드.<span class='media-credit'>아마존</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>그리드</strong> </a> </em> 작성자 : Gretchen Bakke</h2> <p>그는 이렇게 썼습니다. 우리의 노후된 전력망에 관한이 책은 제가 가장 좋아하는 장르 중 하나 인 '실제로 매혹적인 평범한 물건에 관한 책'에 해당합니다.이 주제가 매력적이라고 생각하는 이유 중 일부는 제가 고등학교에서 첫 직장을했기 때문입니다. 북서부의 전력망을 통제하는 기관을위한 소프트웨어를 작성하고있었습니다. 그러나 전기가 콘센트에 어떻게 연결되는지에 대해 잠시 생각해 본 적이 없더라도이 책은 전기 그리드가 현대 세계에서 가장 놀라운 엔지니어링 기술 중 하나라는 사실을 확신시켜 줄 것입니다. 또한 그리드 현대화가 청정 에너지 미래를 구축하는 데 왜 그렇게 복잡하고 중요한지 알게 될 것입니다. </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/">혁신</a> </li> </ul> </div> <div class="brdr-ash-1 opacty-5"></div> <h4 class="p-title mt-50"> <b>당신이 좋아하는 기사</b> :</h4> <div class="row"> <div class="col-sm-6"> <img src="https://newbornsplanet.com/img/fashion/DD/kim-petras-recreates-britney-spears-8217-2001-amas-look-on-2022-red-carpet-with-denim-dress-1.jpg" alt="Kim Petras, 브리트니 스피어스의 2001년 AMA 재현, 2022년 레드 카펫에서 데님 드레스 선보여"> <h4 class="pt-20"> <a href="/kim-petras-beuliteuni-seupieoseuui-2001nyeon-ama-jaehyeon-2022nyeon-ledeu-kapes-eseo-denim-deuleseu-seonboyeo"> <b>Kim Petras, 브리트니 스피어스의 2001년 AMA 재현, 2022년 레드 카펫에서 데님 드레스 선보여</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/paesyeon/" class="color-black"> <b>패션</b> </a> 2024</li> </ul> </div><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/celebrity-babies/03/maggie-gyllenhaal-s-daughter-15-looks-just-like-mom-as-they-bond-at-paris-fashion-week-1.jpg" alt="매기 질렌할의 딸(15세)은 파리 패션 위크에서 유대감을 형성하면서 엄마와 꼭 닮았습니다."> <h4 class="pt-20"> <a href="/maegi-jillenhal-ui-ttal-15se-eun-pali-paesyeon-wikeueseo-yudaegam-eul-hyeongseonghamyeonseo-eommawa-kkog-dalm-assseubnida"> <b>매기 질렌할의 딸(15세)은 파리 패션 위크에서 유대감을 형성하면서 엄마와 꼭 닮았습니다.</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/yeon-yein-agi/" class="color-black"> <b>연예인 아기</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>또한보십시오:</b> </h4> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/kailli-jeneo-nudeu-keulob-tabgwa-eoullineun-sog-os-eulo-geunyeoui-mas-issneun-libgeulloseu-hongbo-sajin"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/fashion/C4/kylie-jenner-rocks-nude-crop-top-matching-underwear-to-promote-her-yummy-lip-gloss-photo-1.jpg" alt="카일리 제너, 누드 크롭 탑과 어울리는 속옷으로 그녀의 '맛있는' 립글로스 홍보: 사진"></div> <div class="ml-120 min-h-100x"> <h5> <b>카일리 제너, 누드 크롭 탑과 어울리는 속옷으로 그녀의 '맛있는' 립글로스 홍보: 사진</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/kim-kardashian-eun-kourtneyui-aideul-i-eommawaui-munje-ttaemun-e-geunyeoege-wassdago-jujanghabnida"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/F0/kim-kardashian-claims-kourtney-s-kids-have-come-to-her-over-problems-with-their-mom-1.jpg" alt="Kim Kardashian은 Kourtney의 아이들이 엄마와의 '문제' 때문에 그녀에게 왔다고 주장합니다."></div> <div class="ml-120 min-h-100x"> <h5> <b>Kim Kardashian은 Kourtney의 아이들이 엄마와의 '문제' 때문에 그녀에게 왔다고 주장합니다.</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/jenny-craig-everything-you-need-know-before-trying-this-program-2021-update"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/health/35/jenny-craig-everything-you-need-know-before-trying-this-program-2021-update.jpg" alt="Jenny Craig :이 프로그램을 시도하기 전에 알아야 할 모든 것 – 2021 업데이트"></div> <div class="ml-120 min-h-100x"> <h5> <b>Jenny Craig :이 프로그램을 시도하기 전에 알아야 할 모든 것 – 2021 업데이트</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/deibideu-bekeom-saeng-il-seonmullo-eol-eummul-e-kaelbin-keullain-sog-osman-ibgo-miso-jisda"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/35/david-beckham-smiles-wearing-nothing-but-calvin-klein-underwear-in-freezing-water-for-birthday-1.jpg" alt="데이비드 베컴, 생일 선물로 얼음물에 캘빈 클라인 속옷만 입고 미소 짓다"></div> <div class="ml-120 min-h-100x"> <h5> <b>데이비드 베컴, 생일 선물로 얼음물에 캘빈 클라인 속옷만 입고 미소 짓다</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/elton-john-can-t-sue-get-rocket-man-cd-back-from-kim-jong-un"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/45/elton-john-can-t-sue-get-rocket-man-cd-back-from-kim-jong-un.jpg" alt="엘튼 존, 김정은에게 '로켓맨'CD를 돌려받을 수 없다"></div> <div class="ml-120 min-h-100x"> <h5> <b>엘튼 존, 김정은에게 '로켓맨'CD를 돌려받을 수 없다</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/meolaieo-kaeli-mariah-carey-ga-silbeo-mini-deuleseuleul-ibgo-peulaideu-peopomeonseuleul-seonboyeossseubnida-sajin"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/AB/mariah-carey-dazzles-in-silver-mini-dress-for-pride-performance-photos-1.jpg" alt="머라이어 캐리(Mariah Carey)가 실버 미니 드레스를 입고 프라이드 퍼포먼스를 선보였습니다: 사진"></div> <div class="ml-120 min-h-100x"> <h5> <b>머라이어 캐리(Mariah Carey)가 실버 미니 드레스를 입고 프라이드 퍼포먼스를 선보였습니다: 사진</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/jimi-aiobin-jimmy-iovine-gwa-dagteo-deule-dr-dre-ga-la-gaein-seukeiteujang-eseo-teugbyeol-misulpum-gyeongmaeleul-juchoehabnida"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/other/3D/jimmy-iovine-and-dr-dre-host-special-art-auction-at-a-private-la-skating-rink-1.jpg" alt="지미 아이오빈(Jimmy Iovine)과 닥터 드레(Dr. Dre)가 LA 개인 스케이트장에서 특별 미술품 경매를 주최합니다."></div> <div class="ml-120 min-h-100x"> <h5> <b>지미 아이오빈(Jimmy Iovine)과 닥터 드레(Dr. Dre)가 LA 개인 스케이트장에서 특별 미술품 경매를 주최합니다.</b> </h5> </div> </a> </div> </div> </div> </div> <div class="df63e21bacdcbbec2660422d5ba13db6"></div> <input type="hidden" id="ae580f14d3e59973e01c0e7a434c38a1" value=//ko.newbornsplanet.com/yes-there-are-cam-boys,//ko.newbornsplanet.com/nasa-discovers-rare-metal-asteroid-that-s-worth-10,//ko.newbornsplanet.com/that-2-800-ruby-class-that-had-nyc-rb-huff,//ko.newbornsplanet.com/solar-paint-could-be-latest-breakthrough-renewable-energy,//ko.newbornsplanet.com/woody-harrelson-no-good,/> <input type="hidden" id="be3eefad633df696566dec41ab84bb8b" value=/> </div> </section> <input type="hidden" class="lang" value="ko"> <input type="hidden" id="calculating_films" value="기다리세요"> <input type="hidden" id="next_page" value=//ko.newbornsplanet.com/jessa-duggarneun-agi-5-beon-imsin-e-daehan-eobdeiteuleul-jegonghabnida-dangsin-eun-jeongmal-salangbadseubnida> <footer class="bg-191 color-ccc"> <div class="container"> <div class="pt-50 pb-20 pos-relative"> <div class="row"> <div class="col-sm-4"> <div class="mb-30"> <p class="mtb-20 color-ccc"> 전 세계의 라이프 스타일, 예술, 비즈니스 정책 및 유명 인사 소식의 주요 뉴스 및 모든 최신 동향을 가볍게 빛냅니다.</p> <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>인기 게시물</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/opeuses-janglyesig-eseo-gaseum-apeun-yeonseollo-ilyug-ui-jug-eum-e-daehan-chimmug-eul-kkaeda-naneun-geugeos-eul-eodji-moshanda"> <b>오프셋, 장례식에서 가슴 아픈 연설로 이륙의 죽음에 대한 침묵을 깨다: '나는 그것을 얻지 못한다'</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/lodeu-seutyueoteu-anae-peni-laengkeoseuteowaui-gyeolbyeol-poglo"> <b>로드 스튜어트, 아내 페니 랭커스터와의 결별 폭로</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/meghan-trainorneun-snackui-super-bowl-gwang-go-eseo-peuling-geulseu-kaen-happens-to-the-best-of-us-e-gadhin-geos-eulo-ibjeungdoeeossseubnida"> <b>Meghan Trainor는 Snack의 Super Bowl 광고에서 프링글스 캔 'Happens to the Best Of Us'에 갇힌 것으로 입증되었습니다.</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/doctor-who-season-10-premiere-recap"> <b>‘닥터 후’시즌 10 프리미어 요약 : 닥터 101</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div> </div> </div> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>에디터의 선택</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/zack-snyder-s-justice-league-didn-t-fix-superman-problem">슈퍼맨은 새로운 저스티스 리그 영화에 나올 것입니다</a> </li><li><a href="/apocalypse-now">세상의 끝 벙커</a> </li><li><a href="/how-nsync-s-it-s-gonna-be-may-meme-came-back-early-thanks-covid-19">5월 밈일거야</a> </li><li><a href="/25-best-dating-sites-2021">미국의 모든 무료 데이트 사이트</a> </li><li><a href="/is-us-economy-just-ok-compared-other-countries">다른 나라에 비해 미국 경제</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="//gd.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 = $("#ae580f14d3e59973e01c0e7a434c38a1").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 = $(".df63e21bacdcbbec2660422d5ba13db6").offset().top; var eh = $(".df63e21bacdcbbec2660422d5ba13db6").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".445d76cbd433223aa86bc95859022a44").removeClass("445d76cbd433223aa86bc95859022a44"); atr = atr + 1; get_url = urls[atr] + " .445d76cbd433223aa86bc95859022a44"; 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"; $(".df63e21bacdcbbec2660422d5ba13db6").load(get_url); setTimeout(function () { $(".445d76cbd433223aa86bc95859022a44").unwrap(); id = jQuery(".445d76cbd433223aa86bc95859022a44").attr("id"); $("#" + id).after($("<div class='df63e21bacdcbbec2660422d5ba13db6'>")); busy = false; $(".445d76cbd433223aa86bc95859022a44").removeClass("445d76cbd433223aa86bc95859022a44"); 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>