J00INX Bot by @zibbaone - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<object>Incorpora risorse varie nella pagina web.
placeholderDefinisce un testo segnaposto per un elemento input o textarea
formmethodDefinisce il metodo di invio dei dati oltre a method
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
<body>Tag primario di un documento HTML

Users

Log in to search for users

Explore

Find inspiration

Heads Or Tails Random Tally

La danza del Fuoco e delle Ombre

Il museo di Leonardo

Chiara Informatica

La torta della nonna es esame

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>J00INX Bot</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #1b1b1b;
            color: #ffffff;
        }
        #chat-container {
            width: 90%;
            max-width: 600px;
            height: 80vh;
            max-height: 700px;
            border: 1px solid #333;
            display: flex;
            flex-direction: column;
            background-color: #1b1b1b;
            border-radius: 10px;
            overflow: hidden;
        }
        #chat-header {
            background-color: #1b1b1b;
            padding: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 1.5em;
            font-family: Arial, sans-serif;
        }
        #chat-header span.j00inx {
            color: #24bcc6;
        }
        #chat-header span.bot {
            color: #ffffff;
        }
        #chat-messages {
            flex: 1;
            overflow-y: auto;
            padding: 10px;
        }
        .message {
            margin-bottom: 10px;
            padding: 8px 12px;
            border-radius: 20px;
            max-width: 80%;
        }
        .user-message {
            background-color: #24bcc6;
            color: #000;
            align-self: flex-end;
            margin-left: auto;
        }
        .bot-message {
            background-color: #333;
            align-self: flex-start;
        }
        #chat-input {
            display: flex;
            padding: 10px;
            background-color: #1b1b1b;
        }
        #user-input {
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: 20px 0 0 20px;
            background-color: #444;
            color: #fff;
            font-size: 16px;
        }
        #send-button {
            padding: 10px 20px;
            border: none;
            border-radius: 0 20px 20px 0;
            background-color: #24bcc6;
            color: #000;
            font-weight: bold;
            cursor: pointer;
        }
        #send-button:hover {
            background-color: #1fa4ae;
        }
    </style>
</head>
<body>
    <div id="chat-container">
        <div id="chat-header">
            <span class="j00inx">J00INX</span><span class="bot">BOT</span>
        </div>
        <div id="chat-messages"></div>
        <div id="chat-input">
            <input type="text" id="user-input" placeholder="Scrivi un messaggio...">
            <button id="send-button">Invia</button>
        </div>
    </div>

    <script>
    const j00inxInfo = {
        "cos_e_j00inx": {
            domanda: "Cos'è J00INX?",
            risposta: "J00INX è una piattaforma innovativa per la distribuzione e l'interazione musicale, che consente agli artisti di gestire direttamente la loro musica e interagire con i fan, offrendo un’esperienza personalizzata e unica.",
            parole_chiave: ["cos'è", "cosa fa", "che cos'è", "di cosa si occupa", "chi sono", "come funziona", "j00inx", "jooinx", "j0inx", "joinx"]
        },
        "come_iscriversi": {
            domanda: "Come posso iscrivermi a J00INX?",
            risposta: "Scaricando l’app ufficiale e seguendo il processo di registrazione per creare un account personale.",
            parole_chiave: ["iscrizione", "registrazione", "creare account", "come registrarsi", "j00inx"]
        },
        "guadagno_utenti": {
            domanda: "Come si guadagna su J00INX?",
            risposta: "Su J00INX, gli utenti possono guadagnare in diversi modi: 1) Rivendendo opere acquistate nel proprio Wallet, 2) Partecipando a eventi e concorsi sulla piattaforma che offrono premi, 3) Beneficiando dell'aumento di valore della criptovaluta interna di J00INX.",
            parole_chiave: ["guadagnare", "guadagno", "soldi", "profitto", "come si guadagna", "guadagni"]
        },
        "chi_siamo": {
            domanda: "Chi c'è dietro J00INX?",
            risposta: "J00INX è stato fondato da un team di esperti dell'industria musicale e tecnologica, inclusi professionisti con esperienza in gestione artistica, sviluppo di software e blockchain. Il team è appassionato di musica e innovazione e lavora per creare una piattaforma che risponda alle esigenze di artisti e fan nel mondo digitale.",
            parole_chiave: ["chi siamo", "team", "fondatori", "j00inx", "jooinx", "j0inx", "joinx"]
        },
        "chi_sei": {
            domanda: "Chi sei?",
            risposta: "Sono il bot di J00INX, progettato per aiutarti a capire meglio la piattaforma e rispondere alle tue domande su J00INX. Chiedimi qualsiasi cosa sulla piattaforma e sarò felice di aiutarti!",
            parole_chiave: ["chi sei", "presentati", "chi è il bot", "chi parla", "bot j00inx"]
        },
        "teletrasporto": {
            domanda: "J00INX offre un servizio di teletrasporto?",
            risposta: "Hey questa informazione è riservata! Per ora ci concentriamo sulla distribuzione musicale e l'interazione tra artisti e fan!",
            parole_chiave: ["teletrasporto", "servizio", "futuristico", "j00inx", "jooinx", "j0inx", "joinx"]
        },
        "vantaggi_j00inx": {
            domanda: "Quali sono i vantaggi di J00INX rispetto ad altre piattaforme?",
            risposta: "J00INX offre agli artisti il controllo totale sui loro contenuti, la possibilità di monetizzare direttamente attraverso i fan senza intermediari, e un'esperienza interattiva unica. Inoltre, permette agli utenti di guadagnare rivendendo opere e partecipando a varie attività sulla piattaforma.",
            parole_chiave: ["vantaggi", "benefici", "perché usare", "rispetto ad altre piattaforme", "j00inx"]
        },
        "come_iniziare": {
            domanda: "Come posso iniziare a usare J00INX?",
            risposta: "Per iniziare a usare J00INX, basta creare un account sulla nostra piattaforma. Dopo la registrazione, potrai esplorare i contenuti, seguire gli artisti, creare playlist e partecipare a eventi. Troverai tutto il necessario per iniziare nella sezione di benvenuto della nostra piattaforma.",
            parole_chiave: ["come iniziare", "creare account", "registrazione", "usare j00inx"]
        },
        "monetizzazione_utenti": {
            domanda: "Come posso monetizzare su J00INX?",
            risposta: "Gli utenti possono guadagnare su J00INX vendendo opere acquistate, partecipando a eventi e vincendo token. J00INX è la prima piattaforma che permette agli utenti di ottenere guadagni diretti dalla loro attività.",
            parole_chiave: ["monetizzare", "guadagni utenti", "come guadagnare", "vendere opere"]
        },
        "criptovaluta": {
            domanda: "Come funziona la criptovaluta di J00INX?",
            risposta: "La criptovaluta interna di J00INX è progettata per valorizzare l'arte e offrire opportunità di guadagno. Gli utenti possono utilizzarla per acquistare contenuti esclusivi o funzioni avanzate, e il suo valore cresce con la domanda e l'utilizzo sulla piattaforma.",
            parole_chiave: ["criptovaluta", "moneta", "valuta interna", "crypto", "j00inx"]
        }
    };

    function debounce(func, delay) {
        let timer;
        return function() {
            clearTimeout(timer);
            timer = setTimeout(() => func.apply(this, arguments), delay);
        };
    }

    function trovaRisposta(domandaUtente) {
        const domandaLower = domandaUtente.toLowerCase();
        let migliorCorrispondenza = null;
        let migliorPunteggio = 0;

        for (let key in j00inxInfo) {
            const entry = j00inxInfo[key];
            let punteggio = 0;

            // Controlla le parole chiave
            entry.parole_chiave.forEach(parola => {
                if (domandaLower.includes(parola.toLowerCase())) {
                    punteggio += parola.length * 2;  // Aggiunta di un moltiplicatore di peso per parole chiave importanti
                }
            });

            if (punteggio > migliorPunteggio) {
                migliorPunteggio = punteggio;
                migliorCorrispondenza = entry;
            }
        }

        if (migliorCorrispondenza && migliorPunteggio > 2) {
            return migliorCorrispondenza.risposta;
        } else {
            return "Mi dispiace, non ho una risposta specifica per questa domanda. Prova a chiedere qualcosa di diverso su J00INX, come 'Cos'è J00INX?' o 'Come funziona il Wallet?'";
        }
    }

    function sanitizeHTML(str) {
        const temp = document.createElement('div');
        temp.textContent = str;
        return temp.innerHTML;
    }

    function addMessage(sender, text) {
        const messagesContainer = document.getElementById('chat-messages');
        const messageElement = document.createElement('div');
        messageElement.classList.add('message');
        messageElement.classList.add(sender === 'user' ? 'user-message' : 'bot-message');
        messageElement.innerHTML = sanitizeHTML(text);
        messagesContainer.appendChild(messageElement);
        messagesContainer.scrollTop = messagesContainer.scrollHeight;
    }

    function handleUserInput() {
        const userInput = document.getElementById('user-input');
        const userMessage = userInput.value.trim();
        if (userMessage) {
            addMessage('user', userMessage);
            const botResponse = trovaRisposta(userMessage);
            addMessage('bot', botResponse);
            userInput.value = '';
        }
    }

    document.getElementById('send-button').addEventListener('click', handleUserInput);
    document.getElementById('user-input').addEventListener('keypress', debounce(function(e) {
        if (e.key === 'Enter') {
            handleUserInput();
        }
    }, 300));

    // Messaggio di benvenuto
    addMessage('bot', 'Ciao! Sono il bot di J00INX. Come posso aiutarti oggi?');
    </script>
</body>
</html>