Coding Challenge
Practice a coding challenge in Python and React while using Transcrypt.
We'll cover the following
Problem statement
Currently our application takes input and shows it in an alert()
dialog box.
With the way we are using the pyreact.py
module as a bridge between Python and
JavaScript, it becomes easy to make more JavaScript functions available to our pure Python
modules.
For this code challenge, instead of just showing an alert()
, we are going to add a confirmation prompt instead. This will either
return True
or False
depending on whether “OK” or “Cancel” was clicked in the
confirmation.
Starting with pyreact.py
, add a Python reference for the JavaScript
window.confirm()
function similar to how we added the one for alert()
.
Next, update the import
statement and modify the handleSubmit()
function in app.py
to show the confirm box instead of the alert. Change the displayed
message to ask if the item should be added or not. Display the result of the confirm dialog
in the web browser only when the user selects “OK” in the dialog box. Otherwise, the input should be discarded.
Get hands-on with 1400+ tech skills courses.