try.html

---
layout: default
---

<h1>Frontsearch Playground</h1>
<p>Try out our library here!</p>

<p style="display: block; margin: 0 auto;"><a href="https://frontsearch.js.org">Back</a></p>
<br>
<!-- Search Bar -->
<input type="search" id="search-input" placeholder="Search Database" style="width: 80% !important; height: 50px !important;">

<!-- Important Part -->
<div class="entries-container"></div>

<script>
var frontsearchMessage = 'type * to show all entries'

var frontsearchNoResultsMessage = 'no results'

var frontsearchFilterTerm = '*' 

var frontsearchShowAll = false

function getEntryHTML(entry) {
    console.log(entry);
    //if (typeof entryStructure === 'undefined') {
    //    entryStructure = `
    //    <div>
    //    <h2>${entry.name}</h2>
    //    <small><p>${entry.category}</p></small>
    //    <p>${entry.description}</p>
    //    </div>
    //    `;
    //} else {
    //    entryStructure = entryStructure.replace("'", ``);
    //}
    //console.log(entryStructure);
    return `
        <div>
        <h2>${entry.name}</h2>
        <small><p>${entry.category}</p></small>
        <p>${entry.description}</p>
        </div>
    `;
};

//var entryStructure = '\
//<div>\
//<h2>${entry.name}</h2>\
//<p>${entry.description}</p>\
//</div>';
  
const jsonUrls = [
  'https://frontsearch.js.org/src/sample.json'
  // Add more URLs as needed
];
</script>

<!-- Place this tag in your head or just before your close body tag. For writers, please ignore this tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

<script src="https://frontsearch.js.org/src/script.@1.1.js"></script>