HTML/CSS - Benny H's Ticketing Website Online Editor and JavaScript Compiler

html

<html>
    <body>    
        <heading>
            <h1>Eiffel Tower</h1>
        </heading>
        <main>
        <section>
            <a href="https://sololearnassets.azureedge.net/eiffel-tower.jpg" target="_blank">
                <img src="https://sololearnassets.azureedge.net/eiffel-tower.jpg" alt="Eiffel Tower" width="30%">
            </a>
            <p>The <strong>Eiffel Tower</strong> is a wrought-iron tower that stands <strong>1,063 ft</strong> (<strong>324 m</strong>) tall in Paris.</br></p>
            <p>Currently, the <strong>Eiffel Tower</strong> is the most-visited monument in the world with over <strong>7 million</strong> visitors a year.</br></p>
            <p>Visitors can choose to go up using the Tower lift or the stairs. There are <strong>1,665 steps</strong> to the top.</p>
        
            <p><b>Transport</b></p>
            <ul>
                <li>Bus: lines 42, 69, 72, 82 and 87.</li>
                <li>Metro: Trocadero, Ecole militaire.</li>
                <li>Train: Champ de Mars - Tour Eiffel, line C.</li>
            </ul>
            <p><b>Prices:</b></p>
            <table border="1">
                <tr>
                 <th>Category</th>

css

strong {
    color:  #2493df;
}
footer {
    color: #595959;
    font-size: 14px;
    margin-top: 10px;
}
heading {
    font-size: 20px;
    letter-spacing: 2px;
    margin: 10px 10px 10px 10px;
}
label {
    font-size: 16px;
    font-weight: bold;
}
section {
    padding: 10px 10px 10px 10px;
    background-color:  white;
}
body {
    background-color:  #e0e0e0;
}
.buy {
    background-color:  #687373;
    margin-top: 10px;
    color:  #fcfcfc;

function calc(a, c) {
    let price = a*12+c*5;
    return price;
}
window.onload = function() {
  let btn = document.getElementById("butt"); 
    
  btn.onclick = function(e) {
    let adults = document.getElementById("adult").value;
    let children = document.getElementById("child").value;
    
    e.preventDefault();
    if(adults < 0) 
      adults = 0;
    if(children < 0) 
      children = 0;
    console.log(adults,children) 
    let price = calc(adults, children); 
    for(let t1 = 1;t1 <= adults;t1++) 
      console.log("Adult Ticket #" + t1);
    for(let t2 = 1;t2 <= children;t2++)
      console.log("Children Ticket #" + t2);
    alert(price);
    }
}

BROWSER

Console