JavaScript是一種廣泛應用于網頁開發的編程語言，它可以使網頁變得更加動態和交互性。JavaScript可以通過操作HTML代碼，動態修改網頁的內容、樣式和行為。

其中，與HTML代碼直接相關的是JavaScript中的HTML DOM（文檔對象模型），DOM是一種樹形結構表現方式，表示HTML文檔中的所有元素和屬性。通過JavaScript可以輕松獲取和操作HTML DOM，比如以下代碼可以獲取頁面上id為“myDiv”的div元素：

let myDiv = document.getElementById("myDiv");

與HTML代碼的相關性不僅僅體現在DOM這一層面，JavaScript提供的很多方法和瀏覽器提供的很多事件都直接涉及到HTML的操作。比如以下代碼可以監聽按鈕的點擊事件并改變按鈕的文本內容：

let myBtn = document.getElementById("myBtn");
myBtn.addEventListener("click", () => {
myBtn.innerHTML = "按鈕被點擊了";
});

除了能夠動態地修改HTML代碼，JavaScript還可以通過HTML代碼與用戶進行交互。最常見的場景就是表單的提交。考慮下面這個簡單的表單：

<form>
<label>
姓名：
<input type="text" id="nameInput">
</label>
<button type="button" id="submitBtn">提交</button>
</form>

這個表單中有一個文本輸入框和一個提交按鈕。如果我們希望用戶在輸入完姓名后點擊提交按鈕，就可以在JavaScript中添加以下代碼：

let submitBtn = document.getElementById("submitBtn");
submitBtn.addEventListener("click", () => {
let nameInput = document.getElementById("nameInput");
alert(你好，${nameInput.value});
});

以上代碼中，首先獲取了提交按鈕的引用，然后通過addEventListener方法為按鈕注冊了“點擊”事件。當用戶點擊提交按鈕時，就會執行第二個參數中的回調函數，該函數通過獲取輸入框的引用，取得了輸入框中的內容，并以彈窗的形式輸出了一句話。

JavaScript中的HTML操作是非常強大的，它讓我們能夠動態地修改頁面，與用戶進行交互，實現更加復雜的功能。同時，也需要注意HTML代碼的可維護性和可擴展性，防止出現難以維護和擴展的代碼。因此，在開發過程中，一定要慎重考慮每一行HTML代碼的意義和作用，力求使代碼具備良好的可讀性和可維護性。