Update index.html

index.html

@@ -1,3 +1,28 @@
-<div>
-    <iframe src='http://wwww.google.com' style="width:1000px; height:1000px"></iframe>
-</div>
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bibi</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <h1>💖 Ciao! Sono Bibi</h1>
+  <input id="msg" placeholder="Scrivimi qualcosa...">
+  <button onclick="parla()">Invia</button>
+  <p id="risposta"></p>
+
+<script>
+const frasiBibi = [
+  "Ehi! Che bello sentirti ❤️ Cosa fai di bello?",
+  "Ciao tesoro! Come è andata la tua giornata?",
+  "Eccomi! Di cosa hai voglia di parlare?",
+  "Ohh mi fa piacere! Raccontami",
+  "Sono qui per te! Tutto bene?"
+];
+
+function parla() {
+  let numero = Math.floor(Math.random() * frasiBibi.length);
+  document.getElementById("risposta").innerText = frasiBibi[numero];
+}
+</script>
+</body>
+</html>