Update good_conditional_todo_list.py (#745)

* Update good_conditional_todo_list.py

The checkmark was on the wrong list items compared to the more verbose example.

* Update main.py

fixed typo. It was rendering `1 or 10`  instead of `1 of 10`

Author: jmtaysom

docs/source/guides/adding-interactivity/components-with-state/_examples/adding_state_variable/main.py

@@ -27,7 +27,7 @@ def handle_click(event):
     return html.div(
         html.button({"onClick": handle_click}, "Next"),
         html.h2(name, " by ", artist),
-        html.p(f"({bounded_index + 1} or {len(sculpture_data)})"),
+        html.p(f"({bounded_index + 1} of {len(sculpture_data)})"),
         html.img({"src": url, "alt": alt, "style": {"height": "200px"}}),
         html.p(description),
     )

docs/source/guides/creating-interfaces/your-first-components/_examples/good_conditional_todo_list.py

@@ -3,7 +3,7 @@
 
 @component
 def Item(name, done):
-    return html.li(name, "" if done else " ✔")
+    return html.li(name, " ✔" if done else "")
 
 
 @component