Update app.py

app.py

@@ -1,32 +1,39 @@
 import gradio as gr
 
-# Function to generate multiplication table
+# Function to generate a colorful multiplication table
 def generate_table(number):
     if number == 0:
-        return "👋 Thank you for using the chatbot! Goodbye!"
+        return "<h2 style='color:blue;'>👋 Thank you for using the chatbot! Goodbye!</h2>"
     
     try:
         number = int(number)
-        table = f"📋 Multiplication Table for {number}:\n\n"
-        for i in range(1, 11):  # Generate table from 1 to 10
-            table += f"{number} x {i} = {number * i}\n"
+        table = f"<h2 style='color:green;'>📋 Multiplication Table for {number}:</h2><br>"
+        table += "<table style='border-collapse: collapse; width: 50%;'>"
+        table += "<thead><tr style='background-color: #FFD700; color: #000; text-align: left;'><th>Multiplier</th><th>Result</th></tr></thead>"
+        
+        for i in range(1, 11):
+            color = "#FFB6C1" if i % 2 == 0 else "#ADD8E6"  # Alternate row colors
+            table += f"<tr style='background-color: {color};'><td>{number} x {i}</td><td>{number * i}</td></tr>"
+        
+        table += "</table>"
         return table
+    
     except ValueError:
-        return "⚠️ Please enter a valid number!"
+        return "<h3 style='color:red;'>⚠️ Please enter a valid number!</h3>"
 
 # Gradio interface
-title = "Multiplication Table Chatbot"
+title = "🌈 Multiplication Table Chatbot for Kids 🌈"
 description = """
-This chatbot generates the multiplication table of any number you provide!  
-- Type a number to see its table.  
-- Type 0 to end the interaction.
+Welcome to the fun and colorful multiplication chatbot for kids!  
+🎨 Enter a number to see a vibrant multiplication table.  
+🚪 Type 0 to say goodbye!
 """
 
 # Create Gradio interface
 interface = gr.Interface(
-    fn=generate_table,  # Function to call
-    inputs=gr.Number(label="Enter a number (Type 0 to exit)"),  # Input field
-    outputs=gr.Textbox(label="Result"),  # Output field
+    fn=generate_table,
+    inputs=gr.Number(label="Enter a number (Type 0 to exit)", precision=0),  # Accept only integers
+    outputs=gr.HTML(label="Your Colorful Multiplication Table"),  # Display colorful HTML table
     title=title,
     description=description,
     allow_flagging="never",  # Disable flagging