Control content of <p> with JS when screen is too tide

Question

How to hide or change paragraph text of HTML Tag like <p> with JavaScript when apply @media with css to change the appearance of website

Answer 1

Use matchMedia
Check out the example here. Try test with different phone orientation.

https://code.sololearn.com/WBKZ4jpDuwzB/?ref=app

Answer 2

Try:

https://www.w3schools.com/jsref/met_win_matchmedia.asp

then add the appropriate function for changing the paragraph

https://www.w3schools.com/jquery/html_replacewith.asp