Update app.py

app.py

@@ -29,7 +29,34 @@ def toggleValue():
         st.session_state.Value = "O"
     else:
         st.session_state.Value = "X"
+
+def display_guide():
+    st.text("How to play: Enter the grid number as shown below to mark 'X' or 'O'. "+
+    "Kinldy pick any number shown in Legal Numbers. " +
+    "Number cannot be repeated more than twice.")
     
+    col1, col2, col3 = st.columns(3)
+    col4, col5, col6 = st.columns(3)
+    col7, col8, col9 = st.columns(3)    
+    with col1:
+        st.text("1")
+    with col2:
+        st.text("2")
+    with col3:
+        st.text("3")
+    with col4:
+        st.text("4")
+    with col5:
+        st.text("5")
+    with col6:
+        st.text("6")
+    with col7:
+        st.text("7")
+    with col8:
+        st.text("8")
+    with col9:
+        st.text("9")
+
 def display_board(num):  
     col1, col2, col3 = st.columns(3)
     col4, col5, col6 = st.columns(3)
@@ -62,13 +89,15 @@ def reset_game():
     
 def update_legalNumbers(number):
     st.session_state.legal_numbers.remove(int(user_input))
-    st.write("Legal Numbers: " + "".join(str(st.session_state.legal_numbers)))
+    st.text("Legal Numbers: " + "".join(str(st.session_state.legal_numbers)))
 
 #UIApp starts here
 st.set_page_config(page_title="Python - Tic Tac Toe", page_icon=":python:")
 st.header("Python - Tic Tac Toe")
+display_guide()
 
 user_input=get_userInput()
+update_legalNumbers(user_input)
 
 #UI Buttons
 submit=st.button('Submit')