Was ist eine Webseite?
Eine Webseite ist eine im Internet verfügbare Seite, die über Server gehostet wird. Ein Server ist ein Rechner, der für andere in einem Netzwerk mit ihm verbundene Systeme bestimmte Aufgaben übernimmt und von dem diese ganz oder teilweise abhängig sind.
Webseiten bestehen aus drei Hauptkomponenten:
- HTML (HyperText Markup Language): Definiert die Struktur und den Inhalt der Seite
- CSS (Cascading Style Sheets): Bestimmt das Aussehen und Layout der Seite
- JavaScript: Fügt Interaktivität und Dynamik hinzu
JavaScript
JavaScript ist eine Programmiersprache wie Python, die besonders gut für Webseiten geeignet ist. Sie ermöglicht es, interaktive und dynamische Inhalte zu erstellen, die auf Benutzeraktionen reagieren.
Wichtige Eigenschaften von JavaScript:
Alles auf dieser Webseite wurde mit CSS, HTML und JavaScript programmiert.
Chatbot
Ich habe auf dieser Webseite einen Chatbot mit Hilfe von JavaScript gemacht. Das war sehr schwierig, da JavaScript nicht gerade wenige Befehle hat.
Der Chatbot nutzt komplexe Algorithmen, um auf Benutzereingaben zu reagieren und natürliche Sprache zu verstehen. Hier sind einige der wichtigsten Funktionen:
Hier ein Ausschnitt des Codes:
// Chatbot Antwort-Logik
function getResponse(input) {
const responses = {
"hallo": ["Hallo! Wie kann ich dir helfen?", "Hey! Was gibt's?"],
"wie geht's": ["Mir geht's gut, danke! Und dir?", "Alles super! Was machst du?"],
"name": ["Ich bin ein Chatbot von Robin Alt!", "Nenn mich Bot!"]
};
// Mustererkennung
for (const [key, answers] of Object.entries(responses)) {
if (input.toLowerCase().includes(key)) {
return answers[Math.floor(Math.random() * answers.length)];
}
}
return "Interessante Frage! Ich lerne noch dazu.";
} {
if (e.key === 'Enter') {
const userMessage = chatInput.value;
const botResponse = getResponse(userMessage);
// Nachrichten anzeigen
addMessage(userMessage, 'user');
setTimeout(() => addMessage(botResponse, 'bot'), 500);
chatInput.value = '';
}
});
Code-Beispiele
Hier sind einige Screenshots aus der Entwicklung:
Quellen & Rahmen
Diese Webseite wurde komplett von Robin Alt erstellt. Alle Designs, Codes und Inhalte sind selbst entwickelt.
Gemacht von Robin Alt