Consoleで結果を確認できます。
// <p class="foo"></p> がコード内にある場合 const foo = document.querySelector('.foo') if (foo) { console.log('.fooは存在します。') } else { console.log('.fooは存在しません!') } const bar = document.querySelector('.bar') if (bar) { console.log('.barは存在します。') } else { console.log('.barは存在しません!') } // 結果 // .fooは存在します。 // .barは存在しません!