看什么电影？ 一周中的天： 周一 周二 周三 周四 星期五 周六 星期日 类型： 极好的 戏剧 喜剧 惊悚片 侦探 类型： 电影 系列 展示 通过电子邮件发送我 在网站上展示 列表</a> 涵盖不拘一格的主题组合——从网球鞋到基因组学，再到卓越的领导力。<p>还请参见：比尔盖茨说的 10 本书会让你更聪明<p>他写道，它们都写得非常好，它们都让我掉进了一个充满意外见解和乐趣的兔子洞。<p>以下是他的前四名，以及一项荣誉奖： <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 /><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"></blockquote> <h2 class='slide-title'> <strong> <em> <a href='https://www.amazon.com/String-Theory-Wallace-Library-Publication/dp/1598534807?'>弦理论</a> </em> </strong> 大卫·福斯特·华莱士</h2> <p>他写道，这本书与物理学无关，但如果你在火车或飞机上阅读它，它的书名会让你看起来非常聪明。 <em>弦理论</em> 是华莱士关于网球的五篇最佳文章的合集，我在微软时代放弃了这项运动，并再次满怀热情地追求。您不必打球甚至看网球也能爱上这本书。这位已故作家挥舞着一支笔，就像罗杰·费德勒挥舞着网球拍一样熟练。在这里，就像在他其他出色的作品中一样，华莱士发现了像金属勺子一样弯曲语言的令人兴奋的方式。 <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><!-- newbornsplanet1 --><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>他写道，这本由耐克联合创始人撰写的回忆录令人耳目一新，诚实地提醒人们商业成功之路的真实面貌：混乱、不稳定和充满错误。这些年来，我见过奈特几次。他超级好，但他也很安静，很难被认识。在这里，奈特以一种很少有 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> 悉达多·慕克吉</h2> <p>他写道，医生在照顾病人、教授医学生和进行研究时被视为“三重威胁”。在哥伦比亚大学完成所有这些事情的穆克吉是一个“四重威胁”，因为他也是普利策奖得主。在他的最新著作中，穆克吉引导我们了解基因组科学的过去、现在和未来，特别关注最新和最伟大的基因组技术引发的巨大伦理问题。 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> 通过阿奇布朗</h2> <p>他写道，今年激烈的选举之战促使我拿起了这本 2014 年的书，该书是牛津大学一位研究政治领导力——好、坏和丑——50 多年的学者。布朗表明，对历史和人类做出最大贡献的领导者通常不是我们认为的“强有力的领导者”。相反，他们往往是协作、委派和谈判的人——并且认识到没有人可以或应该有所有的答案。布朗无法预测他的书在 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><!-- newbornsplanet2 --><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> 通过格雷琴巴克</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><!-- float-left-right --> <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/tv/37/patrick-stewart-didn-t-want-return-star-trek-here-s-what-changed-his-mind.jpg" alt="帕特里克·斯图尔特不想重返《星际迷航》——这就是他改变主意的原因"> <h4 class="pt-20"> <a href="/patrick-stewart-didn-t-want-return-star-trek-here-s-what-changed-his-mind"> <b>帕特里克·斯图尔特不想重返《星际迷航》——这就是他改变主意的原因</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/tv/" class="color-black"> <b>电视</b> </a> 2024</li> </ul> </div><!-- col-sm-6 --><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/celebrity-news/41/hottest-celebrity-pics-this-week-from-april-14-april-21-zendaya-more-1.jpg" alt="本周 4 月 14 日至 4 月 21 日最热门的名人照片：Zendaya 等"> <h4 class="pt-20"> <a href="/ben-zhou-4-yue-14-ri-zhi-4-yue-21-ri-zui-re-men-de-ming-ren-zhao-pian-zendaya-deng"> <b>本周 4 月 14 日至 4 月 21 日最热门的名人照片：Zendaya 等</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/ming-ren-xin-wen/" class="color-black"> <b>名人新闻</b> </a> 2024</li> </ul> </div><!-- col-sm-6 --> </div><!-- row --> </div><!-- col-md-9 --> <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="/harvesting-blood-from-babies-umbilical-cords-could-help-reverse-aging"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/36/harvesting-blood-from-babies-umbilical-cords-could-help-reverse-aging.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="/a-de-li-ya-na-li-ma-adriana-lima-hui-ji-na-xie-pi-ping-ta-zai-ji-e-you-xi-shou-ying-shi-shang-de-zao-xing-de-chou-hen-zhe"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/BA/adriana-lima-fires-back-at-haters-who-criticized-her-look-at-the-hunger-games-premiere-1.jpg" alt="阿德里亚娜·利玛 (Adriana Lima) 回击那些批评她在《饥饿游戏》首映式上的造型的仇恨者"></div> <div class="ml-120 min-h-100x"> <h5> <b>阿德里亚娜·利玛 (Adriana Lima) 回击那些批评她在《饥饿游戏》首映式上的造型的仇恨者</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/14-year-old-girl-who-helped-jump-start-feminist-hip-hop"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/73/14-year-old-girl-who-helped-jump-start-feminist-hip-hop.jpg" alt="帮助启动女权主义嘻哈的 14 岁女孩"></div> <div class="ml-120 min-h-100x"> <h5> <b>帮助启动女权主义嘻哈的 14 岁女孩</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/study-1-3-americans-living-above-poverty-can-t-afford-middle-class-lifestyle"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/10/study-1-3-americans-living-above-poverty-can-t-afford-middle-class-lifestyle.jpg" alt="研究：1/3 生活在贫困之上的美国人负担不起中产阶级的生活方式"></div> <div class="ml-120 min-h-100x"> <h5> <b>研究：1/3 生活在贫困之上的美国人负担不起中产阶级的生活方式</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/xiao-en-men-de-si-shawn-mendes-he-ka-mi-la-ka-bei-luo-camila-cabello-zai-ke-qie-la-coachella-zhong-ju-hou-zai-niu-yue-qian-shou-kan-qi-lai-fei-chang-en-ai"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/celebrity-news/09/shawn-mendes-camila-cabello-hold-hands-look-so-in-love-in-nyc-1-mo-after-coachella-reunion-1.jpg" alt="肖恩·门德斯 (Shawn Mendes) 和卡米拉·卡贝洛 (Camila Cabello) 在科切拉 (Coachella) 重聚后在纽约牵手，看起来非常恩爱"></div> <div class="ml-120 min-h-100x"> <h5> <b>肖恩·门德斯 (Shawn Mendes) 和卡米拉·卡贝洛 (Camila Cabello) 在科切拉 (Coachella) 重聚后在纽约牵手，看起来非常恩爱</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/girl-with-dragon-tattoo-is-quite-swedish-dish"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/68/girl-with-dragon-tattoo-is-quite-swedish-dish.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="/most-powerful-financial-pr-firms-2018"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/88/most-powerful-financial-pr-firms-2018.jpg" alt="2018年最具影响力金融公关公司"></div> <div class="ml-120 min-h-100x"> <h5> <b>2018年最具影响力金融公关公司</b> </h5> </div> </a> </div><!-- mtb-50 --> </div><!-- pl-20 --> </div><!-- col-md-3 --> </div> <div class="103f940d235da113bf1331944bd71abf"></div> <input type="hidden" id="04e46bdb60a355d88e6104eba9efbd3b" value=//zh.newbornsplanet.com/steve-jobs-advertising-strategy-is-why-apple-still-tops-market,//zh.newbornsplanet.com/most-powerful-beauty-pr-firms-2018,//zh.newbornsplanet.com/challenge-media,//zh.newbornsplanet.com/exclusive-bloomberg-poaches-star-business-writer-joe-nocera-from-new-york-times,//zh.newbornsplanet.com/groundbreaking-i-robots-will-hold-conversations,/> <input type="hidden" id="37aa36fd9a80a0d3d252f2d86641c3c2" value=/> </div> </section> <input type="hidden" class="lang" value="zh"> <input type="hidden" id="calculating_films" value="请稍等"> <input type="hidden" id="next_page" value=//zh.newbornsplanet.com/ma-ke-ba-la-si-mark-ba-llas-he-qi-zi-bc-jean-ji-jiang-ying-lai-di-yi-ge-hai-zi-ji-jiang-dao-lai> <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><!-- mb-30 --> </div><!-- col-md-4 --> <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="/jin-zuo-er-xi-ya-ke-kim-zolciak-he-ke-luo-yi-bi-er-man-kroy-biermann-li-hun-hou-zhong-ju-dai-hai-zi-qu-jiao-tang"> <b>金·佐尔西亚克 (Kim Zolciak) 和克罗伊·比尔曼 (Kroy Biermann) 离婚后重聚，带孩子去教堂</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/ma-ge-li-te-cao-margaret-cho-wei-jiao-ao-zhi-sheng-la-kai-wei-mu-xiang-suo-you-ren-chuan-da-le-yi-tiao-xin-xi-wei-ku-er-quan-li-er-zhan-du-jia"> <b>玛格丽特·曹 (Margaret Cho) 为《骄傲之声》拉开帷幕，向所有人传达了一条信息：“为酷儿权利而战”（独家）</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/atlantic-city-it-can-be"> <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="/best-afternoon-teas-london"> <b>伦敦最好的下午茶</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div> </div><!-- mb-30 --> </div><!-- col-md-4 --> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>编辑推荐</b> </h5> <ul class="Tipp-Der-Redaktion"> <li></li><li></li><li></li><li></li><li></li><li></li> </ul> </div><!-- mb-30 --> </div><!-- col-md-4 --> </div><!-- row --> </div><!-- ptb-50 --> <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><!-- oflow-hidden --> </div><!-- container --> </footer> <!-- SCIPTS --> <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 = $("#04e46bdb60a355d88e6104eba9efbd3b").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 = $(".103f940d235da113bf1331944bd71abf").offset().top; var eh = $(".103f940d235da113bf1331944bd71abf").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".c45b23cfd062a16a3e975fd3186e392f").removeClass("c45b23cfd062a16a3e975fd3186e392f"); atr = atr + 1; get_url = urls[atr] + " .c45b23cfd062a16a3e975fd3186e392f"; 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"; $(".103f940d235da113bf1331944bd71abf").load(get_url); setTimeout(function () { $(".c45b23cfd062a16a3e975fd3186e392f").unwrap(); id = jQuery(".c45b23cfd062a16a3e975fd3186e392f").attr("id"); $("#" + id).after($("<div class='103f940d235da113bf1331944bd71abf'>")); busy = false; $(".c45b23cfd062a16a3e975fd3186e392f").removeClass("c45b23cfd062a16a3e975fd3186e392f"); 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>
