Simple HTML approach

Now we shall look at the index.html file that we created by writing the following code. It's boring plain HTML tags:

    <!DOCTYPE html>    <html lang="en">    <head>      <meta charset="UTF-8">      <title>Kotlin BluePrints JS Demo</title>    </head>    <body>      <link rel="stylesheet" type="text/css" href="css/main.css">      <div id="container">        <label>Enter zip code : <input id="zipCode" type="number">         </label>      <button id="submitZipCode" type="button">Get Weather</button>      <div class="weatherContainer">        <div class="weatherBlock">          <div>13 Oct, 2017</div>            <img src="images/weather_img.png" height="40px"              width="40px">          <div> <span>35</span> <span>20</span> </div>        </div>        <div class="weatherBlock">          <div>13 Oct, 2017</div>            <img src="images/weather_img.png" ...

Get Kotlin Blueprints now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.