【JavaScript】特定の幅間でのみ処理をさせたい

Question

実現したいこと

ウィンドウサイズが769px以上〜980px未満の場合に処理を適用させたい

困っていること

現在、下記のコードで980px未満に赤色が適用されます。
980px以上では自動的に青色に変わります。

$(window).on('load resize', function(){
  var matching = window.matchMedia('(max-width:979px)').matches;
  $('.test').css('color', matching ? 'red' : 'blue');
});

※こちらのサイトの質問へのmaisumakun様の回答より使わせていただきました。
https://teratail.com/questions/69215

これに「769px以上」の条件を追加したいのですが、
記述方法が解りません。

どうしたら「769px以上」の条件も指定できるでしょうか？
どなたかご教授いただけないでしょうか。
よろしくお願いいたします。

Answer 1

そのまま適用するならこうでは？

var matching = window.matchMedia('(min-width:768px)').matches && window.matchMedia('(max-width:979px)').matches;

※768なのか767や769なのかちょっと微妙

Comments

[korokorota]

早々に回答くださり有り難うございます！
解決できました！！
とっても助かりました
本当に有難うございました。