text: const data = {
      "status": "ok",
      "totalResults": 70,
      "articles": [{
          "source": {
              "id": null,
              "name": "Cumhuriyet.com.tr"
          },
          "author": null,
          "title": "Karadeniz'de bulunan doğalgaz rezervlerinden sonra enerji faturalarına 35 zam yapıldı - Cumhuriyet",
          "description": "CHP Genel Başkan Yardımcısı Ahmet Akın, doğalgaz müjdesinin ardından enerji faturalarına gelen zamları derledi.",
          "url": "https://www.cumhuriyet.com.tr/haber/karadenizde-bulunan-dogalgaz-rezervlerinden-sonra-enerji-faturalarina-35-zam-yapildi-1862177",
          "urlToImage": "https://www.cumhuriyet.com.tr/Archive/2021/8/21/1862177/kapak_032533.jpg",
          "publishedAt": "2021-08-21T01:07:49Z",
          "content": "AKP iktidarnn, Türkiyede yeni bir dönemin balayaca söylemiyle kamuoyuna duyurduu Karadenizdeki doalgaz rezerviyle ilgili müjdenin üzerinden bir yl geçti. Cumhurbakan Recep Tayyip Erdoann 21 Austos 20… [+2535 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Ekoayrinti.com"
          },
          "author": "Mehmet Öztürk",
          "title": "PTT 80.000 TL'ye Kadar Olan Tüm Borçlarınızı Tek Kalemde Kapatıyor! Başvuranlar Ödemeleri Almaya Başladı - Eko Ayrıntı",
          "description": "Diğer bankalara olan gecikmedeki borçlarınızdan PTT ile kolayca kurtulabilirsiniz! Bankalara olan kredi borçları nedeniyle kredi siciliniz olumsuz etkilenmesin. Sizde hemen PTT borç kapatma kredisi kampanyasına başvurarak, tüm bankalara olan kredi borçlarınız…",
          "url": "https://www.ekoayrinti.com/ptt-80-000-tlye-kadar-olan-tum-borclarinizi-tek-kalemde-kapatiyor-basvuranlar-odemeleri-almaya-basladi/",
          "urlToImage": null,
          "publishedAt": "2021-08-20T23:16:16Z",
          "content": "Dier bankalara olan gecikmedeki borçlarnzdan PTT ile kolayca kurtulabilirsiniz! Bankalara olan kredi borçlar nedeniyle kredi siciliniz olumsuz etkilenmesin. Sizde hemen PTT borç kapatma kredisi kampa… [+2058 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "T24.com.tr"
          },
          "author": "FÃ¼sun Sarp Nebil",
          "title": "Toyota, çip krizi nedeniyle Türkiye dâhil küresel üretimini azaltacağını duyurdu - T24",
          "description": "DÃ¼n, Toyota, kÃ¼resel mikroÃ§ip sÄ±kÄ±ntÄ±sÄ± nedeniyle dÃ¼nya Ã§apÄ±nda araÃ§ Ã¼retimini EylÃ¼l ayÄ±nda %40 oranÄ±nda azaltacaÄÄ±nÄ± aÃ§Ä±kladÄ±. DÃ¼nyanÄ±n en bÃ¼yÃ¼k otomobil Ã¼reticisi, Ã¶nÃ¼mÃ¼zdeki ay yaklaÅÄ±k 900.000 otomobil Ã¼retmeyi planlamÄ±Åt…",
          "url": "https://t24.com.tr/yazarlar/fusun-sarp-nebil/toyota-cip-krizi-nedeniyle-turkiye-dahil-kuresel-uretimini-azaltacagini-duyurdu,32170",
          "urlToImage": "https://media-cdn.t24.com.tr/media/authors/page/fusun-sarp-nebil_391965819.jpg",
          "publishedAt": "2021-08-20T21:10:09Z",
          "content": "Toyota, Ã§ip krizi nedeniyle TÃ¼rkiye dÃ¢hil kÃ¼resel Ã¼retimini azaltacaÄÄ±nÄ± duyurdu\r\nÃip krizi tahminlerden de daha fazla etkili olacak gibi gÃ¶zÃ¼kÃ¼yor [1].Â  Mart ayÄ±nda otomotiv sektÃ¶rÃ¼n… [+5180 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Kriptokoin.com"
          },
          "author": "Zeki Uyanık",
          "title": "2 Şirket SEC'e Yaptıkları Ether ETF Başvurularını Çekti! Neden? - Kriptokoin.com",
          "description": "2 Şirket Yaptıkları Başvurularını Çekti! Yatırım şirketleri VanEck ve ProShares, Ether ETF dosyalarını SEC'den çekmek için başvuruda bulundu.",
          "url": "https://kriptokoin.com/2-sirket-sece-yaptiklari-ether-etf-basvurularini-cekti/",
          "urlToImage": "https://i1.wp.com/kriptokoin.com/wp-content/uploads/2021/08/ETF-SEC.jpg?fit=1200%2C675&ssl=1",
          "publishedAt": "2021-08-20T20:45:00Z",
          "content": "Yatrm irketleri VanEck ve ProShares, Ether ETF dosyalarn SEC’den çekmek için bavuruda bulundu. Her iki varlk yöneticisi irketin de ayn günlerde Ether ETF’ler için benzer görünen bavurularn neden geri… [+3005 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Koinbulteni.com"
          },
          "author": null,
          "title": "Bitexen Borsaya Dokuz Yeni Kripto Para Ekledi - Koin Bülteni",
          "description": "Türkiye'nin platformda barındırdığı dijital varlık sayısı bakımından en zengin ismi Bitexen, cuma günü yaptığı açıklamada C98, TRU, CTSI, MINA, FIS, EPS,",
          "url": "https://koinbulteni.com/bitexen-borsaya-dokuz-yeni-kripto-para-ekledi-105862.html",
          "urlToImage": "https://koinbulteni.com/wp-content/uploads/bitexen-dokuz-koin-bulteni.jpg",
          "publishedAt": "2021-08-20T20:28:53Z",
          "content": "Türkiye’nin platformda barndrd dijital varlk says bakmndan en zengin ismi Bitexen, cuma günü yapt açklamada C98, TRU, CTSI, MINA, FIS, EPS, LINA, FLOW ve POLY’nin de borsaya eklendiini duyurdu.\r\nstan… [+396 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Kriptokoin.com"
          },
          "author": "Serkan Eser",
          "title": "Binance Launchpool'daki 22. Proje MOBOX (MBOX) Nedir? - Kriptokoin.com",
          "description": "Binance, Binance Launchpool üzerindeki 22. altcoin projesini duyurdu: Mobox (MBOX)! Peki adını sıkça duyduğumuz Mobox (MBOX) nedir?",
          "url": "https://kriptokoin.com/mobox-mbox-nedir/",
          "urlToImage": "https://i0.wp.com/kriptokoin.com/wp-content/uploads/2021/08/game5.5e1f42ca.jpg?fit=1211%2C711&ssl=1",
          "publishedAt": "2021-08-20T20:15:00Z",
          "content": "Binance, Binance Launchpool üzerindeki 22. altcoin projesini duyurdu: Mobox (MBOX)!  MOBOX, kullanclar katlmlar ve elenceleri için ödüllendirerek güçlendiren, topluluk odakl bir platformdur. Kullancl… [+3623 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Yeniakit.com.tr"
          },
          "author": "Yeni Akit",
          "title": "Yatırımcıya altın için kritik uyarı! Sert viraj geliyor - Yeni Akit Gazetesi",
          "description": "Temmuz ayını yükselişle bitiren altın fiyatlarında yaşanan süreç yatırımcıları düşündürüyor. Son olarak Altın Piyasaları Uzmanı ve Analist İslam Memiş'ten yatırımcılara dikkat ..",
          "url": "https://www.yeniakit.com.tr/haber/yatirimciya-altin-icin-kritik-uyari-sert-viraj-geliyor-1568035.html",
          "urlToImage": "https://cdn.yeniakit.com.tr/images/news/625/yatirimciya-altin-icin-kritik-uyari-sert-viraj-geliyor-h1629489484-56ef52.jpg",
          "publishedAt": "2021-08-20T19:58:04Z",
          "content": "Temmuz ayn yükselile kapatan altn fiyatlar, yatrmcsn austos ay için düündürüyor. Haftann son ilem gününde sar metal yeni güne de deer kazancyla balamt. Altnn gram fiyat, güne yükselile balamasnn sonr… [+1599 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Ilan365.net"
          },
          "author": "İLAN365",
          "title": "ATM'den 4.000 TL yatıyor! Acil para lazımsa bu fırsat kaçmaz! Aylık 376 lira geri ödemesi var - İLAN365",
          "description": "ATM’den 4.000 TL yatıyor! Acil para lazımsa bu fırsat kaçmaz! Aylık 376 lira geri ödemesi var. Acil nakit ihtiyacı olanların başvuru yapabileceği Kredi fırsatı haberimizde…",
          "url": "https://www.ilan365.net/atmden-4000-tl-yatiyor-acil-para-lazimsa-bu-firsat-kacmaz-aylik-376-lira-geri-odemesi-var",
          "urlToImage": "https://te-ilan365-net.cdn.vidyome.com/tebilisim/ilan365-net/uploads/2021/08/atmden-4000-tl-yatiyor-acil-para-lazimsa-bu-firsat-kacmaz-aylik-376-lira-geri-odemesi-var-1-1280x720.jpg",
          "publishedAt": "2021-08-20T18:57:00Z",
          "content": "ATMden 4.000 TL yatyor! Acil para lazmsa bu frsat kaçmaz! Aylk 376 lira geri ödemesi var. Acil nakit ihtiyac olan binlerce kii günümüzde bankalara bavuru yaparak nakit ihtiyaçlarn karlamak ve Kredi ç… [+2794 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Kriptokoin.com"
          },
          "author": "Vural Erkan",
          "title": "Efsanevi Analistten Meteorik \"LTC, BTC, SXP ve CELR\" Tahminleri! - Kriptokoin.com",
          "description": "Kripto para traderı Michaël van de Poppe, Bitcoin (BTC) ve potansiyel olarak toparlanabileceğini söylediği üç altcoini analiz ediyor.",
          "url": "https://kriptokoin.com/analistten-ltc-btc-sxp-ve-celr-tahminleri/",
          "urlToImage": "https://i2.wp.com/kriptokoin.com/wp-content/uploads/2021/08/ss-btc-v-altcoins-1.jpg?fit=1920%2C1200&ssl=1",
          "publishedAt": "2021-08-20T18:45:00Z",
          "content": "Kripto para trader Michaël van de Poppe, Bitcoin (BTC) ve potansiyel olarak toparlanabileceini söyledii üç altcoini analiz ediyor. Biz de Kriptokoin.com olarak Michaël van de Poppe’un analizlerini si… [+4554 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Star.com.tr"
          },
          "author": "www.star.com.tr",
          "title": "﻿Dünya devinde yeni kriz! Üretim tamamen durduruldu - STAR",
          "description": "Koronavirüs (Kovid-19) salgını otomotiv devi Toyota'nın da üretiminde aksaklıklara neden olmaya başladı. Otomotiv devi Toyota, salgın nedeniyle bazı ürünlerin tedarikinde yaşanan sorunun ardından Fransa'daki üretimi 2 hafta durdurma kararı aldı.",
          "url": "https://www.star.com.tr/ekonomi/dunya-devinde-yeni-kriz-uretim-tamamen-durduruldu-haber-1647655/",
          "urlToImage": "https://imgs.stargazete.com/imgsdisk/maintmps/2021/08/20/dunya-devi-toyota-fransad-150_2-41.jpg",
          "publishedAt": "2021-08-20T18:18:33Z",
          "content": "Dünya otomotiv devleri arasnda bulunan Toyota Fransa'daki üretiminde Kovid-19 salgn ile ba etmeye çalyor. Toyota'nn Fransa'daki sözcülüünden yaplan açklamada, Onnaing'deki tesiste 23 Austos'ta balama… [+634 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Finansgundem.com"
          },
          "author": null,
          "title": "Bitcoin 50 bin dolar öncesi kritik seviyeye ilerliyor haberi - FinansGündem.com - Finans Gündem",
          "description": "Analistlere göre Bitcoin, 50.000 dolar öncesi son dirence ilerliyor.",
          "url": "https://www.finansgundem.com/haber/bitcoin-50-bin-dolar-oncesi-kritik-seviyeye-ilerliyor/1595178",
          "urlToImage": "https://i.borsagundem.com/files/2021/8/20/1595178/1595178.jpg?v=1629496502",
          "publishedAt": "2021-08-20T18:04:00Z",
          "content": "Bitcoin (BTC) fiyat, yerel diplerden yukar sektikten sonra 20 Austos'ta kripto para piyasalarnn uzun zamandr bekledii birkaç ayn en yüksek seviyelerine çkt.\r\nBitcoin için günlük kapan \"çok önemli\"\r\nC… [+1923 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Webtekno.com"
          },
          "author": null,
          "title": "Zor Günler Geçiren Binance'den Hizmet Güncellemesi: Kullanıcıların Kimlik Doğrulaması Yapması Gerekecek - Webtekno",
          "description": "Binance, tüm kullanıcıların kimlik doğrulaması yapmasını gerektirecek yeni bir hizmet güncellemesi yayınladı.",
          "url": "https://www.webtekno.com/binance-kimlik-dogrulamasi-istemeye-basladi-h113813.html",
          "urlToImage": "https://cdn.webtekno.com/media/cache/content_detail_v2/article/113813/binance-kimlik-dogrulamasi-istemeye-basladi-1629480616.jpg",
          "publishedAt": "2021-08-20T17:41:00Z",
          "content": "Dünyann en büyük kripto borsas olan Binance, son dönemde zorlu bir süreçten geçti. Çin'den gelen eriim engeli ve Avrupa'dan gelen yasaklar sonras çeitli hizmet güncellemelerine giden borsa, kullancla… [+1265 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "T24.com.tr"
          },
          "author": "T24",
          "title": "Akbank, çift doz aşı olmamış tüm personel için PCR testi zorunluluğu getiriyor - T24",
          "description": "AÅÄ± olmayan personeller PCR testlerini kendileri karÅÄ±layacak",
          "url": "https://t24.com.tr/haber/akbank-cift-doz-asi-olmamis-tum-personel-icin-pcr-testi-zorunlulugu-getiriyor,973460",
          "urlToImage": "https://media-cdn.t24.com.tr/media/library/2021/07/1626032918954-fusun-sarp-nebil.jpg",
          "publishedAt": "2021-08-20T17:02:00Z",
          "content": "Akbank, tÃ¼m Åubelerine gÃ¶nderdiÄi maille Covid-19 salgÄ±nÄ±na karÅÄ± aldÄ±ÄÄ± yeni tedbirleri duyurdu.\r\nBankavitrini.com'un haberine gÃ¶re bankanÄ±n aldÄ±ÄÄ± yeni tedbirlere gÃ¶re Åubeler dah… [+1069 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Bitcoinsistemi.com"
          },
          "author": "Serkan Gültekin",
          "title": "Coinbase’in Hamlesi Bitcoin’i Pumpladı! Peki Hangi Altcoinleri Alacaklar? - Bitcoin Sistemi",
          "description": "Dün gece geç saatlerde gelen Coinbase haberi piyasayı hareketlendirdi. Coinbase CEO'su dün gece yaptığı açıklamada “Mevcut varlıklarımıza ve bilançomuza 500 milyon değerinde kripto para eklemek için y",
          "url": "https://www.bitcoinsistemi.com/coinbasein-hamlesi-bitcoini-pumpladi-peki-hangi-altcoinleri-alacaklar/",
          "urlToImage": "https://www.bitcoinsistemi.com/wp-content/uploads/2021/04/altcoin-.jpeg",
          "publishedAt": "2021-08-20T16:29:42Z",
          "content": "Dün gece geç saatlerde gelen Coinbase haberi piyasay hareketlendirdi. Coinbase CEO’su dün gece yapt açklamada Mevcut varlklarmza ve bilançomuza 500 milyon deerinde kripto para eklemek için yönetim ku… [+1633 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Ahaber.com.tr"
          },
          "author": "www.ahaber.com.tr",
          "title": "Kişisel veri skandalında yeni perde! T-Mobile 5 milyonu aşkın müşterisinin daha verilerinin çalındığını… - Ahaber",
          "description": "Son dakika haberleri… Kişisel verilerin çalınması skandalına bir yenisi eklendi. ABD'nin büyük cep telefonu operatörlerinden T-Mobile, siber saldırı sonucu 5,3 milyon müşterisinin daha verilerinin çalındığını duyurdu.",
          "url": "https://www.ahaber.com.tr/dunya/2021/08/20/kisisel-veri-skandalinda-yeni-perde-t-mobile-5-milyonu-askin-musterisinin-daha-verilerinin-calindigini-duyurdu",
          "urlToImage": "https://iaahbr.tmgrup.com.tr/e08f10/806/378/0/45/1200/607?u=https://iahbr.tmgrup.com.tr/2021/08/20/kisisel-veri-skandalinda-yeni-perde-t-mobile-5-milyonu-askin-musterisinin-daha-verilerinin-calindigini-duyurdu-1629474061379.jpg",
          "publishedAt": "2021-08-20T15:59:00Z",
          "content": "Açklamada, 5,3 milyon mevcut fatural müterinin yan sra 667 bin eski müterinin hesabna da yasa d ekilde eriildiinin tespit edildii aktarld.\r\nCep telefonuyla ilikili tanmlayc numaralar olan IMEI ve IMS… [+184 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Kriptokoin.com"
          },
          "author": "Vural Erkan",
          "title": "Borsalar Bitcoin ve Ethereum Rezervlerini Kaybediyor! XRP'ler ise - Kriptokoin.com",
          "description": "Kripto para borsaları kısa sürede 2 milyondan fazla Ethereum ve 100.000 Bitcoin kaybetti. Çıkışların toplam değeri 10.4 milyar doları buldu.",
          "url": "https://kriptokoin.com/borsalar-bitcoin-ve-ethereum-rezervlerini-kaybediyor/",
          "urlToImage": "https://i2.wp.com/kriptokoin.com/wp-content/uploads/2021/08/maxresdefault-1.jpg?fit=1280%2C720&ssl=1",
          "publishedAt": "2021-08-20T15:00:00Z",
          "content": "CryptoQuant’n on-chain verilerine göre, Bitcoin ve Ethereum, güçlü bir pozitif fiyat korelasyonuyla toplu olarak geri çekiliyor. Çeitli kripto para borsalar bir aydan ksa bir sürede 2 milyondan fazla… [+4510 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Haberturk.com"
          },
          "author": "Habertürk",
          "title": "Altın fiyatları CANLI! Son dakika: 20 Ağustos altın fiyatları, gram altın, çeyrek altın fiyatları 2021 güncel - Habertürk",
          "description": "Altın fiyatları ekonomi gündemini takip edenler tarafından araştırılıyor. Haftanın son iş gününde güne 492 lira ile başlayan gram altın kapanışta 488,16 liradan, çeyrek altın ise 795,99 liradan işlem görüyor. İşte 20 Ağustos 2021 Cuma altın fiyatları CANLI an…",
          "url": "https://www.haberturk.com/ceyrek-altin-gram-altin-fiyatlari-bugun-ne-kadar-son-dakika-20-agustos-2021-altin-fiyatlari-canli-anlik-3168335-ekonomi",
          "urlToImage": "https://im.haberturk.com/2021/08/20/ver1629470881/3168335_1200x627.jpg",
          "publishedAt": "2021-08-20T14:48:01Z",
          "content": "Deerli Haberturk.com okurlar.Haberturk.com ekibi olarak Türkiyede ve dünyada yaanan ve haber deeri tayan her türlü gelimeyi sizlere en hzl, en objektif ve en doyurucu ekilde ulatrmak için çalyoruz. Y… [+2178 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Sozcu.com.tr"
          },
          "author": "Sözcü",
          "title": "Benzine indirim! Fiyatlara yansımayacak - Sözcü",
          "description": "Benzinin litresine yapılacak 20 kuruşluk indirim pompa fiyatlarına yansımayacak.\r.",
          "url": "https://www.sozcu.com.tr/2021/ekonomi/benzine-indirim-fiyatlara-yansimayacak-6604491/",
          "urlToImage": "https://i.sozcu.com.tr/wp-content/uploads/2021/08/20/iecrop/benzin-iha_16_9_1629470648-670x371.jpg",
          "publishedAt": "2021-08-20T14:44:25Z",
          "content": "Benzinin litresine yaplacak 20 kuruluk indirim pompa fiyatlarna yansmayacak.\r\nYaynlanma:17:44 - 20 Austos 2021\r\n<ul><li>Yazlar büyüt</li><li>Yazlar küçült</li><li>Standart boyut</li></ul>\r\nEnerji Pet… [+529 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Webtekno.com"
          },
          "author": null,
          "title": "Casper, Gidip Bilgisayar Toplayabileceğiniz ilk Deneyim Mağazasını İstanbul'da Açtı - Webtekno",
          "description": "Casper, piyasaya sürdüğü tüm ürünlerin incelenmesine imkan tanıyan ilk deneyim mağazasını Forum İstanbul AVM'de açtı.",
          "url": "https://www.webtekno.com/casper-gidip-bilgisayar-toplayabileceginiz-ilk-deneyim-magazasini-istanbul-da-acti-h113807.html",
          "urlToImage": "https://cdn.webtekno.com/media/cache/content_detail_v2/article/113807/casper-bilgisayar-da-toplanabilen-ilk-deneyim-magazasini-istanbul-da-acti-1629469336.jpg",
          "publishedAt": "2021-08-20T14:32:24Z",
          "content": "Türkiye'nin en köklü teknoloji irketlerinden Casper, özellikle de oyun tutkunlarnn gönüllerinde taht kuraca bir adm att. Bu balamda stanbul Forum AVM'de bir deneyim maazas açan irket, bata Casper'n o… [+1661 chars]"
      },
      {
          "source": {
              "id": null,
              "name": "Hurriyet.com.tr"
          },
          "author": "hurriyet.com.tr",
          "title": "ÖTV indirimi hangi araçlara geldi, 2021 otomobil fiyatlarında son durum... - Hürriyet",
          "description": "ÖTV indirimlerinin gelmesiyle hangi araçlarda fiyatların geçerli olacağını gözler çevrildi. Cumhurbaşkanı Kararı ile binek otomobiller için oranlara esas ÖTV matrahlarında değişikliğe gidilirken, yüzde 45 ÖTV oranı için esas alınan matrah eşiği 85 bin liradan…",
          "url": "https://www.hurriyet.com.tr/ekonomi/otv-indirimi-hangi-araclara-geldi-2021-otomobil-fiyatlarinda-son-durum-41877473",
          "urlToImage": "https://i4.hurimg.com/i/hurriyet/75/0x0/611fb3be4e3fe1183cc711fb.webp",
          "publishedAt": "2021-08-20T13:53:06Z",
          "content": "p&gt;ÖTV indirimi sonras baz markalarda sfr araç fiyatlar da dütü. Sfr otomobil satnda Özel Tüketim Vergisi baz modellerde düürüldü. Özel Tüketim Vergisi matrahnn deitirilmesiyle birlikte piyasada en… [+3318 chars]"
      }
      ]
  };
  
  
  const container = document.getElementById('container');
  const frameId = document.getElementById('frameId');
  const titleId = document.getElementById('titleId');
  const modalTime = document.getElementById("modalTime");
  const span = document.getElementById("readTime");
  
  
  
  
  let index = 0;
  let html = ``;
  for (item of data.articles) {
      for (let index = 0; index < 20; index++) {
  
  
          if (data.articles[index].urlToImage == null) {
              data.articles[index].urlToImage = "https://i.ytimg.com/vi/zyb0SOMaMj8/maxresdefault.jpg";
          } else {
              data.articles[index].urlToImage = data.articles[index].urlToImage;
          }
          container.innerHTML = html;
      }
  
  
  
      function fncDateCall() {
  
  
          let date = new Date(item.publishedAt);
  
          const y = c(date.getFullYear());
          const m = c(date.getMonth() + 1);
          const d = c(date.getDate());
          const h = c(date.getHours());
          const mm = c(date.getMinutes());
          const ss = c(date.getSeconds());
          const date_st = "".concat(d, ":", m, ":", y, " ", h, ":", mm, ":", ss);
          return date_st;
  
      }
  
      function c(d) {
          return d < 10 ? "0" + d : d;
      }
  
      html += `    
      <div class="box">
          <img src = "${item.urlToImage}" />
          <div class = "box-body">
              ${item.title.slice(0, 20) + "..."}
          </div>
          <div class="dateBox">${fncDateCall()}</div>
          <button onclick="fncOpenModal('${index}')" type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#exampleModal">Detay</button>
      </div> `
      index++;
  }
  
  
  function fncOpenModal(index) {
      const item = data.articles[index];
      const url = item.url;
      const title = item.title;
      titleId.innerHTML = title;
      frameId.setAttribute('src', url, title);
  
      let artlength = data.articles.length;
      let cont = item.content.split("+", 2);
      let contS = cont[1].split(" ", 2);
      const read = Math.ceil((artlength + parseInt(contS[0])) / 10 / 60);
      span.innerHTML = read;
  
  
  }