Choose a featured world history timeline or create your own

<!DOCTYPE html> <html lang="en"> <head> <script src="https://the.gatekeeperconsent.com/cmp.min.js" data-cfasync="false"></script> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="uJt5pix4Kf6FIaqsVVsc7rOmOsRgrqFxyHKXLumI"> <title>Choose a featured world history timeline or create your own | Historyworld</title> <meta name="description" , content="HistoryWorld contains narrative world history and interactive world history timelines."> <link href="https://www.historyworld.net/favicon.ico" rel="icon">   <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet" type="text/css">  <link href="https://www.historyworld.net/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://www.historyworld.net/assets/vendor/icofont/icofont.min.css" rel="stylesheet">  <link href="https://www.historyworld.net/assets/vendor/animate.css/animate.min.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/remixicon.css" rel="stylesheet"> <link href="https://www.historyworld.net/assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/venobox.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/aos.css" rel="stylesheet">  <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwico.css"> <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwcss.css">  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  <link href="https://www.historyworld.net/css/minify/treeStructure.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/style.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/custom.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/spinners.css" rel="stylesheet">  <link href="https://www.historyworld.net/assets/vendor/select2/css/select2.min.css" rel="stylesheet"> <style type="text/css"> .spinner-box { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.3); } #mobile_search_terms .search-form { padding: 15px 15px; } </style>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-370390-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-370390-1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-G365G47KXJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-G365G47KXJ'); </script> </head> <body> <script async src="https://www.ezojs.com/ezoic/sa.min.js"></script> <script> window.ezstandalone = window.ezstandalone || {}; ezstandalone.cmd = ezstandalone.cmd || []; </script> <script> window.__ow = window.__ow || {}; window.__ow.organizationId = "cfccb500-4dcd-44e2-8fd0-cb1d7158489b"; ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[OpenWidget] You can鈥檛 use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.openwidget.com/openwidget.js",t.head.appendChild(n)}};!n.__ow.asyncInit&&e.init(),n.OpenWidget=n.OpenWidget||e}(window,document,[].slice)) </script> <noscript>You need to <a href="https://www.openwidget.com/enable-javascript" rel="noopener nofollow">enable JavaScript</a> to use the communication tool powered by <a href="https://www.openwidget.com/" rel="noopener nofollow" target="_blank">OpenWidget</a></noscript> <div class="spinner-box"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> <div id="preloader"></div>    <header id="header" class="fixed-top absolute"> <div class="container d-flex align-items-center p-0"> <div class="mobile-title"> <a href="/" class="icon-block text-white font-weight-bold"> <img src="https://www.historyworld.net/favicon.svg" width="45px" height="45px" alt="Logo">istoryworld </a> </div>  <div class="mobile-title section-icons"> <a href="/histories" class="icon-block"> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="History Icon" id="histories"> </a> <a href="/timelines" class="icon-block"> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timeline Icon" id="timelines"> </a> </div>  <nav class="nav-menu"> <ul> <li class=" "> <a href="/">Home</a> </li> <li class="drop-down histories "> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="Histories Icon" id="histories"> <a href="/histories">Histories</a> <ul> <li><a href="/histories">List of Histories</a></li> </ul> </li> <li class="drop-down timelines "> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timelines Icon" id="timelines"> <a href="/timelines">Timelines</a> <ul> <li><a href="/timelines">Featured Timelines</a></li> <li><a href="/event-timelines">Search Timelines</a></li> </ul> </li> <li class="drop-down about_us "> <a href="/about_us">About us</a> <ul> <li><a href="/about_us">About us</a></li> <li><a href="/attribution_copyright">Attribution</a></li> <li><a href="/cookie_policy">Cookies & Privacy</a></li> </ul> </li> </ul> </nav>  </div> </header>   <section id="hero" class="d-flex align-items-center"> <div class="container" data-aos="fade" data-aos-delay="100"> <div class="row justify-content-between flex-nowrap hero-section"> <div class="col-md-4 logo"> <a href="https://www.historyworld.net"><img src="https://www.historyworld.net/assets/img/HWhomelogo.png"></a> </div> <div class="col-md-8 mt-1 ads-container">   <div id="ezoic-pub-ad-placeholder-118"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(118); }); </script>  </div> </div> </div> </section> <main id="main"> <form action="https://www.historyworld.net/event-timelines" method="get" id="mobile_search_terms"> <div class="card search-card mobile-search-card">  <div class="row text-center search-form"> <div class="input-group mb-lg-3 form"> <input type="text" name="q" value="" class="form-control" placeholder="Search for text" inputmode="search"/> <div class="input-group-append" id="top-apply-button"> <button type="submit" class="btn btn-primary"> <i class="icofont-search-2"></i> </button> </div> </div> </div> </div> </form>  <section id="blog" class="blog timeline-page"> <div class="container"> <div class="row justify-content-center">  <div class="col-lg-4 p-0 pt-lg-4 left-side">  <form action="https://www.historyworld.net/event-timelines" method="get" id="pc_search_terms"> <div class="sidebar p-3" data-aos="fade-up"> <div class="row p-3"> <div class="col-md-4 p-0"> <h3 class="sidebar-title">Search</h3> </div> <div class="col-md-8 p-0 text-right"> <div class="btn-group"> <a href="https://www.historyworld.net/featured-timelines" class="hw-search-type btn btn-default btn-sm active">Featured</a> <a href="https://www.historyworld.net/event-timelines" class="hw-search-type btn btn-default btn-sm">All</a> </div> </div> </div> <div class="sidebar-item search-form mb-lg-3"> <div id="featued_view_text_search" class="form"> <input type="text" name="q" id="text_featured_search" class="form-control" placeholder="Search for text" required minlength="2" inputmode="search" oninput="changeLink(this)"> <button type="submit" class="textSearch"><i class="icofont-search-2"></i> </button> </div> </div> <a id="search-in-histories" class="p-1" href="#">More results in Histories</a> </div>  </form>   <div id="ezoic-pub-ad-placeholder-124"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(124); }); console.log(ezstandalone.cmd) </script> <br /> <div id="ezoic-pub-ad-placeholder-126"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(126); }); </script>  </div>   <div class="col-lg-8 entries history-world"> <div id="accordion" role="tablist" aria-multiselectable="true" data-aos="fade-up"> <div> <h4 class="timeline-title">   <span>Choose from a featured timeline or search</span> </h4> <div class="history-world-container"> <div class="card-columns"> <div class="card featured-card mt-2 mb-3"> <h5 class="card-title">Arts</h5> <div class="card-body"> <a href="https://www.historyworld.net/featured-timelines/arts/american-architecture" class="d-block">American Architecture</a> <a href="https://www.historyworld.net/featured-timelines/arts/american-painting" class="d-block">American painting</a> <a href="https://www.historyworld.net/featured-timelines/arts/architecture" class="d-block">Architecture</a> <a href="https://www.historyworld.net/featured-timelines/arts/baroque" class="d-block">Baroque</a> <a href="https://www.historyworld.net/featured-timelines/arts/british-architecture" class="d-block">British Architecture</a> <a href="https://www.historyworld.net/featured-timelines/arts/british-painting" class="d-block">British Painting</a> <a href="https://www.historyworld.net/featured-timelines/arts/dance" class="d-block">Dance</a> <a href="https://www.historyworld.net/featured-timelines/arts/decorative-arts" class="d-block">Decorative Arts</a> <a href="https://www.historyworld.net/featured-timelines/arts/drama" class="d-block">Drama</a> <a href="https://www.historyworld.net/featured-timelines/arts/film" class="d-block">Film</a> <a href="https://www.historyworld.net/featured-timelines/arts/flemish-and-dutch-painting" class="d-block">Flemish and Dutch painting</a> <a href="https://www.historyworld.net/featured-timelines/arts/french-architecture" class="d-block">French Architecture</a> <a href="https://www.historyworld.net/featured-timelines/arts/french-painting" class="d-block">French painting</a> <a href="https://www.historyworld.net/featured-timelines/arts/gothic" class="d-block">Gothic</a> <a href="https://www.historyworld.net/featured-timelines/arts/italian-architecture" class="d-block">Italian Architecture</a> <a href="https://www.historyworld.net/featured-timelines/arts/italian-painting" class="d-block">Italian painting</a> <a href="https://www.historyworld.net/featured-timelines/arts/music" class="d-block">Music</a> <a href="https://www.historyworld.net/featured-timelines/arts/opera" class="d-block">Opera</a> <a href="https://www.historyworld.net/featured-timelines/arts/painting" class="d-block">Painting</a> <a href="https://www.historyworld.net/featured-timelines/arts/photography-and-prints" class="d-block">Photography and Prints</a> <a href="https://www.historyworld.net/featured-timelines/arts/renaissance" class="d-block">Renaissance</a> <a href="https://www.historyworld.net/featured-timelines/arts/sculpture" class="d-block">Sculpture</a> <a href="https://www.historyworld.net/featured-timelines/arts/seven-wonders-of-the-world" class="d-block">Seven Wonders of the World</a> <a href="https://www.historyworld.net/featured-timelines/arts/theatre" class="d-block">Theatre</a> </div> </div> <div class="card featured-card mt-2 mb-3"> <h5 class="card-title">Empires</h5> <div class="card-body"> <a href="https://www.historyworld.net/featured-timelines/empires/dutch-empire" class="d-block">Dutch Empire</a> <a href="https://www.historyworld.net/featured-timelines/empires/French-Empire" class="d-block">French Empire</a> <a href="https://www.historyworld.net/featured-timelines/empires/austrian-empire" class="d-block">The Austrian Empire</a> <a href="https://www.historyworld.net/featured-timelines/empires/british-empire" class="d-block">The British Empire</a> </div> </div> <div class="card featured-card mt-2 mb-3"> <h5 class="card-title">Literature</h5> <div class="card-body"> <a href="https://www.historyworld.net/featured-timelines/literature/american-literature" class="d-block">American Literature</a> <a href="https://www.historyworld.net/featured-timelines/literature/english-literature" class="d-block">English Literature</a> <a href="https://www.historyworld.net/featured-timelines/literature/fiction" class="d-block">Fiction</a> <a href="https://www.historyworld.net/featured-timelines/literature/literature" class="d-block">Literature</a> <a href="https://www.historyworld.net/featured-timelines/literature/philosophy" class="d-block">Philosophy</a> <a href="https://www.historyworld.net/featured-timelines/literature/poetry" class="d-block">Poetry</a> </div> </div> <div class="card featured-card mt-2 mb-3"> <h5 class="card-title">People</h5> <div class="card-body"> <a href="https://www.historyworld.net/featured-timelines/people/adolf-hitler" class="d-block">Adolf Hitler</a> <a href="https://www.historyworld.net/featured-timelines/people/alexander-the-great" class="d-block">Alexander the Great</a> <a href="https://www.historyworld.net/featured-timelines/people/aung-san-suu-kyi" class="d-block">Aung San Suu Kyi</a> <a href="https://www.historyworld.net/featured-timelines/people/cleopatra" class="d-block">Cleopatra</a> <a href="https://www.historyworld.net/featured-timelines/people/george-eliot" class="d-block">George Eliot</a> <a href="https://www.historyworld.net/featured-timelines/people/john-bunyan" class="d-block">John Bunyan</a> <a href="https://www.historyworld.net/featured-timelines/people/julius-caesar" class="d-block">Julius Caesar</a> <a href="https://www.historyworld.net/featured-timelines/people/mahatma-gandhi" class="d-block">Mahatma Gandhi</a> <a href="https://www.historyworld.net/featured-timelines/people/napoleon" class="d-block">Napoleon</a> <a href="https://www.historyworld.net/featured-timelines/people/mandela" class="d-block">Nelson Mandela</a> <a href="https://www.historyworld.net/featured-timelines/people/roosevelt" class="d-block">Roosevelt</a> <a href="https://www.historyworld.net/featured-timelines/people/churchill" class="d-block">Winston Churchill</a> </div> </div> <div class="card featured-card mt-2 mb-3"> <h5 class="card-title">Places</h5> <div class="card-body"> <a href="https://www.historyworld.net/featured-timelines/places/afghanistan" class="d-block">Afghanistan</a> <a href="https://www.historyworld.net/featured-timelines/places/africa" class="d-block">Africa</a> <a href="https://www.historyworld.net/featured-timelines/places/argentina" class="d-block">Argentina</a> <a href="https://www.historyworld.net/featured-timelines/places/australia" class="d-block">Australia</a> <a href="https://www.historyworld.net/featured-timelines/places/brazil" class="d-block">Brazil</a> <a href="https://www.historyworld.net/featured-timelines/places/britain" class="d-block">Britain</a> <a href="https://www.historyworld.net/featured-timelines/places/caribbean" class="d-block">Caribbean</a> <a href="https://www.historyworld.net/featured-timelines/places/central-africa" class="d-block">Central Africa</a> <a href="https://www.historyworld.net/featured-timelines/places/china" class="d-block">China</a> <a href="https://www.historyworld.net/featured-timelines/places/east-africa" class="d-block">East Africa</a> <a href="https://www.historyworld.net/featured-timelines/places/egypt" class="d-block">Egypt</a> <a href="https://www.historyworld.net/featured-timelines/places/ethiopia" class="d-block">Ethiopia</a> <a href="https://www.historyworld.net/featured-timelines/places/europe" class="d-block">Europe</a> <a href="https://www.historyworld.net/featured-timelines/places/france" class="d-block">France</a> <a href="https://www.historyworld.net/featured-timelines/places/germany" class="d-block">Germany</a> <a href="https://www.historyworld.net/featured-timelines/places/greece" class="d-block">Greece</a> <a href="https://www.historyworld.net/featured-timelines/places/hampton-court" class="d-block">Hampton Court</a> <a href="https://www.historyworld.net/featured-timelines/places/hong-kong" class="d-block">Hong Kong</a> <a href="https://www.historyworld.net/featured-timelines/places/india" class="d-block">India</a> <a href="https://www.historyworld.net/featured-timelines/places/iran" class="d-block">Iran</a> <a href="https://www.historyworld.net/featured-timelines/places/iraq" class="d-block">Iraq</a> <a href="https://www.historyworld.net/featured-timelines/places/ireland" class="d-block">Ireland</a> <a href="https://www.historyworld.net/featured-timelines/places/italy" class="d-block">Italy</a> <a href="https://www.historyworld.net/featured-timelines/places/japan" class="d-block">Japan</a> <a href="https://www.historyworld.net/featured-timelines/places/korea" class="d-block">Korea</a> <a href="https://www.historyworld.net/featured-timelines/places/london" class="d-block">London</a> <a href="https://www.historyworld.net/featured-timelines/places/mesopotamia" class="d-block">Mesopotamia</a> <a href="https://www.historyworld.net/featured-timelines/places/mexico" class="d-block">Mexico</a> <a href="https://www.historyworld.net/featured-timelines/places/poland" class="d-block">Poland</a> <a href="https://www.historyworld.net/featured-timelines/places/russia" class="d-block">Russia</a> <a href="https://www.historyworld.net/featured-timelines/places/spain" class="d-block">Spain</a> <a href="https://www.historyworld.net/featured-timelines/places/usa" class="d-block">USA</a> <a href="https://www.historyworld.net/featured-timelines/places/vietnam" class="d-block">Vietnam</a> <a href="https://www.historyworld.net/featured-timelines/places/zimbabwe" class="d-block">Zimbabwe</a> </div> </div> <div class="card featured-card mt-2 mb-3"> <h5 class="card-title">Politics</h5> <div class="card-body"> <a href="https://www.historyworld.net/featured-timelines/politics/communism" class="d-block">Communism</a> <a href="https://www.historyworld.net/featured-timelines/politics/conquest-and-colonisation" class="d-block">Conquest and Colonisation</a> <a href="https://www.historyworld.net/featured-timelines/politics/democracy-and-dissent" class="d-block">Democracy and Dissent</a> <a href="https://www.historyworld.net/featured-timelines/politics/dynasties-and-royalty" class="d-block">Dynasties and Royalty</a> <a href="https://www.historyworld.net/featured-timelines/politics/persecution-and-repression" class="d-block">Persecution and Repression</a> <a href="https://www.historyworld.net/featured-timelines/politics/protest-and-rebellion" class="d-block">Protest and Rebellion</a> <a href="https://www.historyworld.net/featured-timelines/politics/terrorism-and-assassination" class="d-block">Terrorism and Assassination</a> </div> </div> </div> </div> <div class=""> <div class="justify-content-center p-0 m-3 mr-3 ml-3"> <div class="history-pagination"> <div class="prev-control-buttons d-flex"> <a href="https://www.historyworld.net/timelines?page=1" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-start.png" alt="Arrow" class="prev-button w-35" style="visibility:hidden"> </a> <a href="https://www.historyworld.net/timelines?page=0" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-previous.png" alt="Arrow" class="prev-button w-35" style="visibility:hidden"> </a> </div> <div class="pagination-numbers"> <span>Page</span> <span class="active-page">1</span> <span>of</span> <span id="total-pages"> 3 </span> </div> <div class="next-control-buttons d-flex"> <a href="https://www.historyworld.net/timelines?page=2" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-next.png" alt="Arrow" class="next-button w-35" style="visibility:"> </a> <a href="https://www.historyworld.net/timelines?page=3" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-end.png" alt="Arrow" class="next-button w-35" style="visibility:"> </a> </div> </div> </div> </div> </div> </div> </div>  </div> </div> </section>     <div class="modal fade overflow-hidden pr-0" id="imgEnlargeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" style="height: calc(100vh - 3.5rem)" role="document"> <div style="height: max-content" class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body overflow-auto"> <div class="d-flex flex-column text-center align-items-center mb-4"> <img src="" alt="Image" class="hw-modal-thumbnail width-auto"> <i></i> </div> <div class="d-flex flex-column"> <div class="modal-description mb-2"> <div class=""></div> </div> <div class="modal-collection mb-2"> <div class=""></div> </div> <div class="modal-museum-text mb-2"> <div class=""></div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <div id="ezoic-pub-ad-placeholder-128"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(128); }); </script>  </main>  <footer id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-6 footer-links"> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/histories">Histories Index</a> </li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/timelines">Timelines Index</a> </li> <li> <i class="bx bx-chevron-right"></i> <a href="/event-timelines">Search Timelines</a> </li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/about_us">About</a> </li> </ul> </div> </div> </div> </div> <div class="container d-md-flex py-4"> <div class="mr-md-auto text-center text-md-left"> <div class="copyright"> © Copyright 2025 <strong><span>Historyworld</span></strong> </div> </div>  </div> </footer>  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>  <script src="https://www.historyworld.net/assets/vendor/jquery/jquery.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="https://www.historyworld.net/js/minify/validate.js"></script> <script src="https://www.historyworld.net/assets/vendor/waypoints/jquery.waypoints.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/counterup/counterup.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/owl.carousel/owl.carousel.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/venobox/venobox.min.js"></script> <script src="https://www.historyworld.net/js/minify/aos.js"></script> <script src="https://www.historyworld.net/assets/vendor/typed.js/lib/typed.min.js"></script> <script src="https://www.historyworld.net/assets/js/jquery.twbsPagination.min.js"></script>   <script src="https://www.historyworld.net/assets/vendor/select2/js/select2.full.min.js"></script>   <script src="https://www.historyworld.net/js/minify/treeStructure.js"></script> <script src="https://www.historyworld.net/js/minify/main.js"></script>  <script type="text/javascript"> "use strict"; // initialize select2 initSelect2(); //Initialize Select2 Elements function initSelect2() { $('.select2').select2(); } </script> <script src="https://www.historyworld.net/js/minify/init.js"></script> <script> "use strict" const link = document.getElementById('search-in-histories'); var searchTerm = document.getElementById('text_featured_search').value; link.href = `https://www.historyworld.net/history-search?searchTerm=${searchTerm}`; toggleLinkShow(searchTerm); function toggleLinkShow(item) { if (item.length < 2) { link.classList.add('invisible'); } else { link.classList.remove('invisible'); } } function changeLink(e) { toggleLinkShow(e.value); link.href = `https://www.historyworld.net/history-search?searchTerm=${e.value}`; } </script> </body> </html>

CINXE.COM

Choose a featured world history timeline or create your own | Historyworld