Neo5 JS Manual Oficial

Neo5.js

Motor JSON + Interactividad

Neo5 permite trabajar con datos JSON y hacer búsquedas tipo SQL sin backend.

Ejemplo completo (HTML + JS)

Este ejemplo es completamente funcional. Puedes copiarlo y ejecutarlo directamente. 


<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">

<link rel="stylesheet" href="neo5.css">

<script src="https://cdn.jsdelivr.net/npm/alasql"></script>
<script src="neo5.js"></script>

</head>
<body>

<div id="terminal-container">

<header>Neo5 Demo</header>

<div class="search-box">
    <input type="text" id="input" placeholder="Buscar...">
    <button onclick="buscar()">Buscar</button>
</div>

<main>
<div id="resultados"></div>
</main>

</div>

<script>

/* Base de datos interna */
Neo.db = {
    blog_posts: [
        { id: 1, titulo: "JavaScript", resumen: "Lenguaje web" },
        { id: 2, titulo: "CSS", resumen: "Estilos web" },
        { id: 3, titulo: "HTML", resumen: "Estructura web" }
    ]
};

/* Función de búsqueda */
function buscar(){
    const valor = document.getElementById("input").value;

    const res = Neo.search("blog_posts","titulo",valor);

    const cont = document.getElementById("resultados");

    if(res.length === 0){
        cont.innerHTML = "<p>No hay resultados</p>";
        return;
    }

    cont.innerHTML = res.map(p => `
        <article>
            <h3>${p.titulo}</h3>
            <p>${p.resumen}</p>
        </article>
    `).join("");
}

</script>

</body>
</html>

Vista en vivo