HTML5 Домашняя страница на основе щелчка по меню

Question

У меня очень простой спортивный сайт, на котором на главной странице есть ссылки на различные виды спорта, такие как футбол, баскетбол, нетбол и т. Д. я хочу, когда пользователь нажимает на футбол, значение, которое нужно сохранить, чтобы в следующий раз, когда посетитель доберется до страницы, он откроет футбольную страницу.

До сих пор я пытался использовать html5 localstorage, но я не вижу, чтобы он работал.

// Check browser support 
if (typeof(Storage) !== "undefined") { 
    // Store 

    localStorage.setItem("homepage", "index"); 
    // Retrieve 
    document.getElementById("result").innerHTML = localStorage.getItem("homepage"); 
} else { 
    //document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage..."; 
} 

function homepage_football(){ 
    localStorage.setItem("homepage", "football"); 
} 

HTML - Главная

<a href="<?php echo site_url()."/sport/football/"?>" onclick="homepage_football()"> 
<a href="<?php echo site_url()."/sport/basketball/"?>" onclick="homepage_basketball()"> 
<a href="<?php echo site_url()."/sport/netball/"?>" onclick="homepage_netball()"> 

Answer 1

Вы должны попробовать что-то вроде следующего:

setHomepage(page) { 
    localStorage.setItem('homepage', page) 
} 

redirectHomepage() { 
    let page = localStorage.getItem('homepage') 
    page && (window.location.href = page) 
} 

// on open of `football` page 
setHomepage('football') 

// on index load 
redirectHomepage() 

Answer 2

<script> 
function clickCounter() { 
    if(typeof(Storage) !== "undefined") { 
     if (localStorage.clickcount) { 
      localStorage.clickcount = Number(localStorage.clickcount)+1; 
     } else { 
      localStorage.clickcount = 1; 
     } 
     document.getElementById("result").innerHTML = "You have clicked the button " + localStorage.clickcount + " time(s)."; 
    } else { 
     document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage..."; 
    } 
} 
</script> 

<p><button onclick="clickCounter()" type="button">Click me!</button></p> 
<div id="result"></div>