How to implement dynamic links in the menu depending on the screen?

Question

JavaScript

Greetings, there is an unusual task, I do not understand how to implement it.

The site has a menu, if the screen width is more than 720px, then the following link is in the menu:

<ul class="menu">
<li><a href="#slider"></li>
</ul>

And if the screen is less than 720px, then the link in the menu looks like this:

<ul class="menu">
<li><a href="/katalog"></li>
</ul>

In the PC version, a slider will be put forward, in the mobile version, there will simply be a transition to the page.

Answer 1

Bootstrap? d-none d-md-block.