How to inject this code in Squarespace?

Hi, trying to make the hyperlink on my page change color after a click on it with the code below.  I am not sure where to insert it and where to insert a block ID to target the hyperlink.

$('.item').click(function(){
    $('div').removeClass('highlight');
    $(this).addClass('highlight');
});

.highlight {
    color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section id="section">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</section>

Thanks in advance!

@Ziggy

Where would I add tags and where would i place a code block?

Thank you!

10 minutes ago, youroleksii said:

Where would I add tags and where would i place a code block?

I added the script and style tags for you, see the code I shared. You can place it anywhere you want it.