Write a Flask app in which a Python script prompts the user to enter a string...

Write a Flask app in which a Python script prompts the user to enter a string and then that string, as entered, gets displayed on an otherwise blank HTML file, called output.html. Show the Python/Flask code and the html code of the output.html file, one below the other as part of your answer.

Solutions

Expert Solution

user_input.py

from flask import Flask, render_template,request

app = Flask(__name__)

@app.route("/", methods=['GET', 'POST'])

def hello():

    # this block executes after clicking on the submit button

    if request.method == "POST": 

        # gets the string from the frontend to backend

        inp=request.form["user_input"]

        # redirect to output.html with the user entered string

        return render_template("output.html",user_data=inp)

    else:

        # renders the form for user input

        return render_template("home.html")




if __name__ == "__main__":

    app.run(debug=True)

home.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Home Page</title>

</head>

<body>

    <form class="form"method="POST">

        <label for="name">Write down your input string</label>

        <!-- reads the string from the user -->

        <input type="text" autofocus="autofocus" id="user_input" name="user_input">

        <button type="submit">Submit</button>

        <!-- on click on submit it sends user input to backend -->

    </form>

</body>

</html>

Output.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Output Page</title>

</head>

<body>

    <!-- display the string entered by the user -->

    {{user_data}}

</body>

</html>

venereology answered 1 year ago

Next > < Previous

Related Solutions

Write a Python program which prompts the user to input a string. Then, print the string...

Write a Python program which prompts the user to input a string. Then, print the string in reverse to the terminal Sample output Please enter a word: "zeus" The reverse of zeus is suez Hint: There are several ways to accomplish this. Recall that a string is an itterable object and therefore can be used with a for loop

⦁ Write a Bash script that prompts for user input and reads a string of text...

⦁ Write a Bash script that prompts for user input and reads a string of text from the user. If the user enters a no null (no empty) string, the script should prompt the user to re-enter again the string; otherwise should display the string entered “. ⦁ Given an array of the following four integers (3, 5, 13, 14); write a Bash script to display the second and all elements in the array. ⦁ Write a short Bas...

Write a Python program using functions and mainline logic which prompts the user to enter a...

Write a Python program using functions and mainline logic which prompts the user to enter a number, then generates that number of random integers and stores them in a file. It should then display the following data to back to the user: The list of integers The lowest number in the list The highest number in the list The total sum of all the numbers in the list The average number in the list At a minimum, the numbers should...

(PYTHON) Write aprogram that prompts user to enter three sides of a triangle....

(PYTHON) Write a program that prompts user to enter three sides of a triangle. The program should determine if the three sides can form a triangle. If the three sides can form a triangle, then determine the type of the triangle.There are three types of triangles: Equilateral triangle (all 3 sides are equal) Isosceles triangle (two sides are equal, the third side is of a different length) Scalene triangle (all 3 sides are of different lengths) The program should...

Python A program which prompts the user to enter an number which is a integer n...

Python A program which prompts the user to enter an number which is a integer n and creates a tuple where the values are all numbers between 1 and n (both inclusive). Note: you can assume that the integer will always be > 1. Input Result 3 Enter an integer: 3 (1, 2, 3)

Write a program In python of Jupiter notebook (using loops) that prompts the user to enter...

Write a program In python of Jupiter notebook (using loops) that prompts the user to enter his/her favorite English saying, then counts the number of vowels in that (note that the user may type the saying using any combination of upper or lower case letters). Example: Enter your favorite English saying: Actions speak LOUDER than words. Number of wovels: 10

Python. Write a code that asks the user to enter a string. Count the number of...

Python. Write a code that asks the user to enter a string. Count the number of different vowels ( a, e, i, o, u) that are in the string and print out the total. You may need to write 5 different if statements, one for each vowel. Enter a string: mouse mouse has 3 different vowels

Write a PYTHON program that prompts the user to enter the account’s present value, yearly interest...

Write a PYTHON program that prompts the user to enter the account’s present value, yearly interest rate, and the number of years that the money will be left in the account. The program should pass these values to a function that returns the future value of the account, after the specified number of months. The program should display the accounts’ future value

In PYTHON OF JUPIDER NOTEBOOK Write a program that prompts the user to enter his/her nationality...

In PYTHON OF JUPIDER NOTEBOOK Write a program that prompts the user to enter his/her nationality (French/french, Italian/italian, or Spanish/spanish). Then ask his/her name using a prompt message in his/her own language (use Google Translate if you need). After getting the name, again greet him/her using a greeting message in his/her own language. If the user is not from any of the above nationalities just use English to prompt for name and to greet the user. Example 1: Nationality? french...

create a Python script that prompts the user for a title, description, and filename of your...

create a Python script that prompts the user for a title, description, and filename of your Python program and add the following to the bottom of the existing homepage: Add the post title with an emphasis Add the post description beneath the post title Create a hyperlink to the Python file using the filename input Create another hyperlink to the page you will create in the Web Showcase assignment

Subjects