Select an element with Javascript : <p>Hey Stackoverflow developers, I have this code</p>

<pre><code>    &lt;div id="1"&gt;&lt;/div&gt;&lt;div id="2"&gt;&lt;/div&gt;&lt;div id="3"&gt;&lt;/div&gt;&lt;div id="4"&gt;&lt;/div&gt;&lt;div id="5"&gt;&lt;/div&gt;&lt;br&gt;  
        &lt;div id="6"&gt;&lt;/div&gt;&lt;div id="7"&gt;&lt;/div&gt;&lt;div id="8"&gt;&lt;/div&gt;&lt;div id="9"&gt;&lt;/div&gt;&lt;div id="10"&gt;&lt;/div&gt;&lt;br&gt;
        &lt;div id="11"&gt;&lt;/div&gt;&lt;div id="12"&gt;&lt;/div&gt;&lt;div id="13"&gt;&lt;/div&gt;&lt;div id="14"&gt;&lt;/div&gt;&lt;div id="15"&gt;&lt;/div&gt;&lt;br&gt;
        &lt;div id="16"&gt;&lt;/div&gt;&lt;div id="17"&gt;&lt;/div&gt;&lt;div id="18"&gt;&lt;/div&gt;&lt;div id="19"&gt;&lt;/div&gt;&lt;div id="20"&gt;&lt;/div&gt;&lt;br&gt;
        &lt;div id="21"&gt;&lt;/div&gt;&lt;div id="22"&gt;&lt;/div&gt;&lt;div id="23"&gt;&lt;/div&gt;&lt;div id="24"&gt;&lt;/div&gt;&lt;div id="25"&gt;&lt;/div&gt;&lt;br&gt;        

        &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"&gt;&lt;/script&gt;
        &lt;script src="../sketch.js"&gt;&lt;/script&gt;
        &lt;script&gt;
document.getElementsByTagName("div")[0].addEventListener("click", displayDate);

function displayDate() {
    this.style.backgroundColor = 'red';
}
&lt;/script&gt;
</code></pre>

<p>I want to be able to click on a div and for <em>Javascript</em> (not jQuery) to change the background color of <em>only</em> the clicked div. I've tried everything. How do I do it?</p>
