J00INX Bot by @zibbaone - Codewith.it

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

Referenze

postDefinisce un metodo di invio di dati al server
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
downloadConsente di scaricare file al click di collegamento ipertestuale.
getDefinisce un metodo di invio di dati al server
<meta>Definisce i meta dati di una pagina web.
<i>Formatta il testo in corsivo/italico non enfatizzato

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Appunti Informatica

tabella attività settimana piscina

INFORMATICA - ESERCIZIO 1 RISOLTO

pianoforte.html

Esercizio 2 - 27/11

VerdeTech - Orto Botanico | Piante

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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>