Update app.py

app.py

@@ -8,7 +8,10 @@ def func(percent, numBlocks):
     numEmpty = numBlocks - numFilled
     print(f"numEmpty: {numEmpty}")
     HTMLstr = filledSquares * numFilled + emptySquares * numEmpty
-    return HTMLstr
+    return (
+        gr.update(value=HTMLstr),
+        gr.update(value=HTMLstr)
+    )
     
 
 css_adds = ".tooltiptext {visibility: hidden;width:50ch;margin-left:-25ch;top: 100%;left: 50%;background-color: #222;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;} \
@@ -19,6 +22,8 @@ with gr.Blocks(css=css_adds) as demo:
     percent = gr.Slider(1, 100, value=50, step=1, label="percentage")
     numBlocks = gr.Slider(3, 20, value=4, step=1, label="number of blocks")
     button = gr.Button("button")
-    button.click(func, inputs=[percent, numBlocks], outputs=gr.HTML())
+    html1 = gr.HTML()
+    html2 = gr.HTML()
+    button.click(func, inputs=[percent, numBlocks], outputs=[html1, html2])
 # hi
 demo.launch()