Как сделать элементы в div кликабельными?

Question

Я создаю программу для поисковых систем. Люди могут ввести вопрос, и он будет отображаться в списке в другом div (* stackdisplay).

HTML:

<div class="search">
    <input type="text" placeholder="Search.." name="search" id="qInput">
    <button type="submit" onclick="ques(); stackDisplay()">
        <i class="fa fa-search"></i>
    </button>
</div>

<div class="stack">
    <span id="stackDisplay">
        <center><b><u> LIST OF QUESTIONS</u></b></center>
        <button id="close" onmouseover="clo()"> &times; </button>
    </span>
    <button onmouseover="list()"> &#9776; </button>
</div>

Javascript:

function ques()
{
    var question = document.getElementById("qInput").value;
    var x = Math.floor(Math.random()*1200);
    var y = Math.floor(Math.random()*580);
    c.fillText(question, x, y);
}

var i =1;
function stackDisplay()
{
    var quest = document.getElementById("qInput").value;
    document.getElementById("stackDisplay").innerHTML += i+") "+quest+"<br>";
    i+=1;
}

Я не могу использовать функцию addeventlistener или onclick в javascript, потому что она делает весь div кликабельным, когда я хочу, чтобы только перечисленные вопросы были кликабельными. Есть ли способ сделать это? Я хочу сделать еще один div для всплывающих окон при нажатии на вопросы.