How to implement a python script into an HTML site, so the user can type in input using the python script

Question

I have a python script ( a random number generator ) and I want to create a site using HTML that uses the python script to give an input to the user which produces the random password. I am fairly new to programming and am not sure how to do this.

This is my code here

import random

chars = 'abcdefghijklmnopqrstuwxyz !@#$'

number = input("Number of passwords? - ")
number = int(number)

length = input("Password length - ")
length = int(length)

for f in range(number):
  password = ''
  for c in range(length):
    password += random.choice(chars)
  print(password)

Your question doesn't clearly convey what you are trying to achieve — Abhishek Bhagate
– Abhishek Bhagate, Commented Jul 27, 2020 at 21:34
I want a text box to appear, than it would give a question "Number of passwords? - " from the python script and the user gives an input, than the python script displays the random password in the text box on the html website. I hope that clears it up a bit. — Francesco Erichsen
– Francesco Erichsen, Commented Jul 27, 2020 at 21:42
I don't think it can be done in python but I have provided an answer below that does the same thing using Javascript. See if that helps — Abhishek Bhagate
– Abhishek Bhagate, Commented Jul 27, 2020 at 22:02
is there a way that i can use a back-end sucha s django or flask to do this? — Francesco Erichsen
– Francesco Erichsen, Commented Jul 27, 2020 at 22:10

Abhishek Bhagate · Accepted Answer · 2020-07-27 22:07:39Z

1

I am not exactly sure if you can do it on a website with python. There might be libraries that allow you to use python for the same but I don't think you can directly do it. However, you can do it using javascript as follows -

const chars = 'abcdefghijklmnopqrstuwxyz !@#$'
let numberOfPasswords = 0;

function passNum(value) {
  numberOfPasswords = value;
}

let lengthOfPassword = 0

function passLen(value) {
  lengthOfPassword = value;
}

let res = '';

function displayResult() {

  for (let i = 0; i < numberOfPasswords; i++) {
    for (let j = 0; j < lengthOfPassword; j++) {
      res += chars[Math.floor(Math.random() * Math.floor(chars.length))]
    }
    res+='\n'
  }
  document.getElementById('result').innerHTML = res;
}

document.getElementById("getPass").addEventListener("click", displayResult);

input,textarea{
  width:80%
}

<label for="fname">Number of passwords? - </label><br>
<input type="text" id="passnum" name="passnum" placeholder='Enter numer  of Passwords to be generated' onChange='passNum(this.value)'><br><br>
<label for="lname">Password length - </label><br>
<input type="text" id="passlen" name="passlen" placeholder='Enter desired length of Password' onChange='passLen(this.value)'><br><br>
<b>GENERATED PASSWORDS =></b><br>
<textarea rows="4" cols="50" id='result' placeholder='Generated passwords will be displayed here one on each line'>
</textarea><br>
<button id='getPass'>Generate password</button>

edited Jul 27, 2020 at 22:07

answered Jul 27, 2020 at 22:02

Abhishek Bhagate

5,8063 gold badges18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

OakenDuck Over a year ago

This answer is definitely useful, and it works great, but I do see that it should be encouraged for the OA to use a Python lib for this usecase, as that is more what they were looking for and more broadly fits the tags

Francesco Erichsen Over a year ago

when i put this code in Note Pad and open it in chrome it doesn't work.

Abhishek Bhagate Over a year ago

@FrancescoErichsen you have to put the javascript code inside script tags - <script> js code </script>. You can put this inside the <head> or right before the ending body tag

Francesco Erichsen Over a year ago

i added that in with the proper html format and nothing shows up on the page?

Abhishek Bhagate Over a year ago

@FrancescoErichsen there must be some error in the way you have written code or while saving file/opening in browser or something. If it's working here, it must work when you save it in a notepad as html and open in browser

|

Syed H · Accepted Answer · 2020-07-27 23:40:53Z

A purely Pythonic way, using Flask. Execute the code, open your browser, head to localhost:8080, enter inputs and press Go.

from flask import Flask, jsonify, request
import random
app = Flask(__name__)

@app.route('/')
def index():
    print('Verified Request made to Base Domain')
    resp = jsonify(status=200)
    return "\
    <form type='GET' action='/result'>\
    <label for='number'>Number</label>\
    <input type='text' name='number' />\
    <label for='length'>Length</label>\
    <input type='text' name='length' />\
    <input type='submit' value='Go' />\
    </form>\
    "
@app.route('/result', methods=['GET'])
def run():
    number = int(request.args['number'])
    length = int(request.args['length'])
    passwords = []
    chars = 'abcdefghijklmnopqrstuwxyz !@#$'
    for f in range(number):
        password = ''
        for c in range(length):
            password += random.choice(chars)
        passwords.append(password)
    return jsonify(passwords= passwords)

app.run('localhost', 8080, app)

Collectives™ on Stack Overflow

How to implement a python script into an HTML site, so the user can type in input using the python script

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related