HTML媒體查詢和JavaScript代碼都是用來處理網頁的，但是它們的功能和用途有所不同。

HTML媒體查詢主要用于響應式設計，在不同的屏幕尺寸下優化網頁的布局和樣式。在HTML中使用媒體查詢需要用到CSS代碼，例如：

@media screen and (max-width: 768px) {
/* 在屏幕寬度小于或等于768像素時應用以下樣式 */
body {
font-size: 16px;
}
}

而JavaScript代碼則可以執行更多復雜的操作，例如處理用戶交互、動態更新DOM元素等等。在網頁中使用JavaScript代碼需要在HTML中引入JavaScript文件或者直接寫在HTML代碼中，例如：

需要注意的是，雖然JavaScript代碼可以用來優化網頁的交互和功能，但是在執行時可能會對性能產生影響，因此需要謹慎使用和優化。