Add Javascript into Python created html

Question

Hi i have a python script that creates a single html file and i cannot figure out how to add javascript into it

import pathlib
import os
 
html = ""
 
for file in pathlib.Path(".").iterdir():
    if file.is_file():
        if str(file).endswith(".png"):
            html += f"<center><img src='{file}'/ height=100%></center><br>"
            
 
with open("index2.html", "w") as outputfile:
    outputfile.write(html)
 
os.startfile("index2.html")

So far ive tried

import pathlib
import os
 
html = ""
 
for file in pathlib.Path(".").iterdir():
    if file.is_file():
        if str(file).endswith(".png"):
            html += f"<center><img src='{file}'/ height=50%></center><br><script>var imagesrc = document.getElementById("image.png").src;"

 
with open("index2.html", "w") as outputfile:
    outputfile.write(html)
 
os.startfile("index2.html")

but that doesnt seem to work at all

Any help would be appreciated thanks

Seemond · Accepted Answer · 2022-06-29 17:48:46Z

1

Lets say you have a script.js file in your directory:

# File.py
html += "<script type=\"text/javascript\" src=\"script.js\"></script>"

If you want it directly in the .html file, you can do this:

html += f"<script type=\"text/javascript\">{javascript_content}</script>"

edited Jun 29, 2022 at 17:48

Seemond

32 bronze badges

answered Mar 22, 2022 at 18:33

FLAK-ZOSO

4,1655 gold badges11 silver badges35 bronze badges

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

2 Comments

jasonsmith111 Over a year ago

Im trying to get it into just one html file if possible

FLAK-ZOSO Over a year ago

In this case you only have to copy-paste the code into a script tag, I'm editing my answer

Gustavo Penna · Accepted Answer · 2022-03-22 18:41:21Z

0

That probably didn't worked because your " (quotation mark) is interrupting your string at "image.png", you could use a single apostrophe, or just escape it using backslash.

html += f"<center><img src='{file}'/ height=50%></center><br><script>var imagesrc = document.getElementById(\"image.png\").src;"

answered Mar 22, 2022 at 18:41

Gustavo Penna

1

Collectives™ on Stack Overflow

Add Javascript into Python created html

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related