title: How to edit HTML Website Information from Python String
body: <p><em>I'm gonna present you my current situation and then I'll go into detail.</em></p>
  
  <hr>
  
  <ul>
  <li><p>Currently I have a Python Script which calls an API which retrieves a JSON. 
  Inside the python script I already formatted the json string, meaning I have variables which contain strings.</p></li>
  <li><p>Secondly I have an HTML Website with CSS and JS included etc. 
  I already put down a few divs and hr, to design the layout.</p></li>
  </ul>
  
  <p><strong>THE GOAL:</strong> is that once I open the HTML Website, it automatically executes the python script and fills out the areas where I want to put data in.</p>
  
  <hr>
  
  <p><strong>My Python script sends a request to an API</strong> which gives me a JSON back where I specifically want the Value "rocket type" from the JSONObject "rocket":</p>
  
  <pre><code>import requests
  url = 'https://api.spacexdata.com/v2/launches/latest'
  headers = {'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36'}
  response = requests.get(url,headers).json()
  print("----------------------")
  print(response["rocket"]["rocket_type"]) #This is what I meant above with JSONObjects etc...
  </code></pre>
  
  <p><strong>To give you an idea of how the JSON String looks like :</strong></p>
  
  <pre><code>{
    "flight_number": 66,
    "mission_name": "Iridium NEXT Mission 7",
    "launch_year": "2018",
    "launch_date_unix": 1532518766,
    "launch_date_utc": "2018-07-25T11:39:26.000Z",
    "launch_date_local": "2018-07-25T04:39:26-07:00",
    "rocket": {    &lt;---- Remember this? My python script wanted to jump into this object via ["rocket"]
      "rocket_id": "falcon9",
      "rocket_name": "Falcon 9",
      "rocket_type": "FT", &lt;---- Remember this? My python script wanted exactly this value via ["rocket_type"]
      "first_stage": {
        "cores": [
          {
            "core_serial": "B1048",
            "flight": 1,
            "block": 5,
            "reused": false,
            "land_success": true,
            "landing_type": "ASDS",
            "landing_vehicle": "JRTI"
          }
  ....
  </code></pre>
  
  <p>My HTML Website is pretty boring, just Divs and other tags so there's no need to add that entirely here.
  But to give you an example of what I want to archive:</p>
  
  <p>This is a div with a paragraph tag for example. I want to tell the HTML to edit the value of the <p> tag to the response variable from my python script (rocket_type, remember?).</p>
  
  <pre><code>&lt;div class ="boringDiv"&gt;&lt;p&gt; EDIT ME TO THE STRING OF A PYTHON VARIABLE! &lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So now we need to replace "EDIT ME TO THE STRING OF A PYTHON VARIABLE" to the value of the python variable "response" which contains the value "FT".</p>
  
  <p>I have no idea where to start (which is why I'm asking), but I would start by making an EXECUTION ORDER: 1. Python; 2. HTML....</p>