如何隐藏 div 仅用于使用 js 脚本在特定链接标记上打印？

Question

The page has to have two print versions. One with price and on without. My solution works in Firefox, but not in chromebased Browser.

What I do: If the printlink is klicked, I add the print:hidden-class name, then print, then remove the class:

<a href="javascript:if(window.print){document.getElementById('priceinfo').classList.add('print:hidden'); window.print(); document.getElementById('priceinfo').classList.remove('print:hidden');} ">print without price</a>

Why ist this not working in Edge or Chrome? And what will work?

Answer 1

Thanks @Fractalism moving the code into script tags worked:

<script>
  document.querySelector('#print-no-price').addEventListener('click', () => {
    if(window.print) {
      document.getElementById('priceinfo').classList.add('print:hidden'); 
      window.print(); 
      document.getElementById('priceinfo').classList.remove('print:hidden');
    }
  });
</script>