<!--HTML that will be shown-->
 
<div class="plugin-container">
    <h2>Counter Plugin</h2>
    <div class="counter-wrapper">
        <div class="display">
            <p>Counter</p>
            <p><?=$counter?></p>
        </div>
        <div class="increase">
            <p>Change by</p>
            <div class="inputs">
                <input id="increaseBy" name="increaseBy" value="0" type="number">
                <button onclick="increaseCount(document.getElementById('increaseBy').value)"><img src="<?= $plugindir ?>/images/arrow.png" alt=""></button>
            </div>
        </div>
    </div>
</div>