Update app.py

app.py

@@ -1,20 +1,35 @@
-import pandas as pd
 import gradio as gr
 
-df = pd.DataFrame(
-    {
-        "A": [14, 4, 5, 4, 1],
-        "B": [5, 2, 54, 3, 2],
-        "C": [20, 20, 7, 3, 8],
-        "D": [14, 3, 6, 2, 6],
-        "E": [23, 45, 64, 32, 23],
-    }
-)
-
-t = df.style.highlight_max(color="lightgreen", axis=0)
+secret_word = "gradio"
 
 with gr.Blocks() as demo:
-    gr.Dataframe(t)
+    used_letters_var = gr.State([])
+    with gr.Row() as row:
+        with gr.Column():
+            input_letter = gr.Textbox(label="Enter letter")
+            btn = gr.Button("Guess Letter")
+        with gr.Column():
+            hangman = gr.Textbox(
+                label="Hangman",
+                value="_"*len(secret_word)
+            )
+            used_letters_box = gr.Textbox(label="Used Letters")
 
+    def guess_letter(letter, used_letters):
+        used_letters.append(letter)
+        answer = "".join([
+            (letter if letter in used_letters else "_")
+            for letter in secret_word
+        ])
+        return {
+            used_letters_var: used_letters,
+            used_letters_box: ", ".join(used_letters),
+            hangman: answer
+        }
+    btn.click(
+        guess_letter,
+        [input_letter, used_letters_var],
+        [used_letters_var, used_letters_box, hangman]
+        )
 if __name__ == "__main__":
     demo.launch()