如何使用JavaScript检查产品是否为空Laravel

Question

我想用JavaScript检查产品是否为空，当用户尝试喜欢或不同时，应该检查而不刷新页面。我用口才好，我在这里尝试过一些东西，但是它的强度不足以正常工作，我按这样检查

@if (Auth::user()->likedProducts->count() > 0 )
@else
@endif

有人知道如何解决这个问题吗？

User.php

 public function likedProducts()
 {
   return $this->morphedByMany('App\Product', 'likeable');
 }  

刀片文件

<a style="display: {{Auth::user()->likedProducts->count() > 0 ? "" : "none"}}" id="item" href="{{route('likes')}}"> displays products  </a>

<a style=" display: {{Auth::user()->likedProducts->count() <= 0 ? "" : "none"}}" id="item" href="{{route('likes')}}">You have no products </a>

我不知道要在javascript中添加什么，因为我不知道并且我已经尝试搜索但没有得到答案，您的帮助将不胜感激。