From d706e6305ed5675b50be3c415a6351748494cb7e Mon Sep 17 00:00:00 2001 From: KarishmaVanwari Date: Sat, 2 Oct 2021 20:53:56 +0530 Subject: [PATCH 1/2] displayed visitors count and downloads counts for each daatset --- assets/css/style.css | 2 +- index.html | 37 +++++++++++++++++---- script/script.js | 77 +++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 107 insertions(+), 9 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 760fca4..d7fdd0c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -329,7 +329,7 @@ nav ul li{ display: flex; display: none; - flex-direction: row; + flex-direction: column; flex-wrap: wrap; justify-content: space-evenly; align-items: center; diff --git a/index.html b/index.html index bc535a5..3f4926c 100644 --- a/index.html +++ b/index.html @@ -55,6 +55,8 @@

DataSets

+       +

  Views: 0

@@ -65,13 +67,16 @@

DataSets

+

+ Downloads: 0 +

@@ -80,13 +85,16 @@

DataSets

+

+ Downloads: 0 +

@@ -96,13 +104,16 @@

DataSets

+

+ Downloads: 0 +

@@ -111,13 +122,16 @@

DataSets

+

+ Downloads: 0 +

@@ -126,13 +140,16 @@

DataSets

+

+ Downloads: 0 +

@@ -142,13 +159,16 @@

DataSets

+

+ Downloads: 0 +

@@ -157,13 +177,16 @@

DataSets

+

+ Downloads: 0 +

diff --git a/script/script.js b/script/script.js index c849709..40201ff 100644 --- a/script/script.js +++ b/script/script.js @@ -65,4 +65,79 @@ function w3RemoveClass(element, name) { function copy(id) { Url = document.getElementById(id).href navigator.clipboard.writeText(Url) -} \ No newline at end of file +} + + + + + + // functions to display number of downloads for each dataset + function downloadButtonIris(){ + var counter = document.getElementById('iris-downloads'); + console.log(counter.innerHTML); + localStorage.setItem('iris', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('iris'); + } + function downloadButtonTitanic(){ + var counter = document.getElementById('titanic-downloads'); + console.log(counter.innerHTML); + localStorage.setItem('titanic', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('titanic'); + } + function downloadButtonWeatherHistory(){ + console.log("cndjcb"); + var counter = document.getElementById('weather-history-downloads'); + localStorage.setItem('weather-history', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('weather-history'); + } + function downloadButtonAdsClick(){ + var counter = document.getElementById('ads-click-downloads'); + console.log(counter.innerHTML); + localStorage.setItem('ads-click', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('ads-click'); + } + function downloadButtonRedditVaccineMyths(){ + var counter = document.getElementById('reddit-vaccine-downloads'); + console.log(counter.innerHTML); + localStorage.setItem('reddit-vaccine', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('reddit-vaccine'); + } + function downloadButtonTwitchData(){ + var counter = document.getElementById('twitch-data-downloads'); + console.log(counter.innerHTML); + localStorage.setItem('twitch-data', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('twitch-data'); + } + function downloadButtonMovies(){ + var counter = document.getElementById('movies-downloads'); + console.log(counter.innerHTML); + localStorage.setItem('movies', parseInt(counter.innerHTML) + 1); + counter.innerHTML = localStorage.getItem('movies'); + } + + // retain number of downloads on page refresh + window.onload = function(){ + document.getElementById('ads-click-downloads').innerHTML = localStorage.getItem('ads-click') + document.getElementById('weather-history-downloads').innerHTML = localStorage.getItem('weather-history') + document.getElementById('iris-downloads').innerHTML = localStorage.getItem('iris') + document.getElementById('titanic-downloads').innerHTML = localStorage.getItem('titanic') + document.getElementById('reddit-vaccine-downloads').innerHTML = localStorage.getItem('reddit-vaccine') + document.getElementById('twitch-data-downloads').innerHTML = localStorage.getItem('twitch-data') + document.getElementById('movies-downloads').innerHTML = localStorage.getItem('movies') + + } + + + // function to track visitors count + const countEl = document.getElementById('count'); + + updateVisitCount(); + + function updateVisitCount() { + fetch('https://api.countapi.xyz/update/data4all-karishmav/karishmavanwari/?amount=1') + .then(res => res.json()) + .then(res => { + document.getElementById('count').innerHTML = res.value; + }) + } + From d916811b50bcc0129a12a98d20807021787dda0c Mon Sep 17 00:00:00 2001 From: KarishmaVanwari Date: Sat, 2 Oct 2021 21:48:01 +0530 Subject: [PATCH 2/2] displays number of downloads now instead of NaN --- script/script.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/script/script.js b/script/script.js index 40201ff..bc72f90 100644 --- a/script/script.js +++ b/script/script.js @@ -117,13 +117,13 @@ function copy(id) { // retain number of downloads on page refresh window.onload = function(){ - document.getElementById('ads-click-downloads').innerHTML = localStorage.getItem('ads-click') - document.getElementById('weather-history-downloads').innerHTML = localStorage.getItem('weather-history') - document.getElementById('iris-downloads').innerHTML = localStorage.getItem('iris') - document.getElementById('titanic-downloads').innerHTML = localStorage.getItem('titanic') - document.getElementById('reddit-vaccine-downloads').innerHTML = localStorage.getItem('reddit-vaccine') - document.getElementById('twitch-data-downloads').innerHTML = localStorage.getItem('twitch-data') - document.getElementById('movies-downloads').innerHTML = localStorage.getItem('movies') + document.getElementById('ads-click-downloads').innerHTML = localStorage.getItem('ads-click') || '0'; + document.getElementById('weather-history-downloads').innerHTML = localStorage.getItem('weather-history') || '0'; + document.getElementById('iris-downloads').innerHTML = localStorage.getItem('iris') || '0'; + document.getElementById('titanic-downloads').innerHTML = localStorage.getItem('titanic') || '0'; + document.getElementById('reddit-vaccine-downloads').innerHTML = localStorage.getItem('reddit-vaccine') || '0'; + document.getElementById('twitch-data-downloads').innerHTML = localStorage.getItem('twitch-data') || '0'; + document.getElementById('movies-downloads').innerHTML = localStorage.getItem('movies') || '0'; }