HTML點擊按鈕切換JS代碼執行的功能可以幫助開發者在同一頁面中實現多個功能，增加頁面的交互性。下面我們將介紹如何實現該功能。

首先，我們需要在HTML中創建一個按鈕，并綁定一個click事件。當該按鈕被點擊時，我們需要切換JS代碼的執行。

<button onclick="toggleJS()">切換JS代碼</button>

上述代碼創建了一個按鈕，并綁定了一個名為toggleJS的函數。該函數將用于切換JS代碼的執行。下面是toggleJS函數的實現：

function toggleJS() {
var jsEnabled = document.getElementById('js-enabled');
var jsDisabled = document.getElementById('js-disabled');
if(jsEnabled.style.display === 'none') {
jsEnabled.style.display = 'block';
jsDisabled.style.display = 'none';
} else {
jsEnabled.style.display = 'none';
jsDisabled.style.display = 'block';
}
}

上述代碼使用了document對象的getElementById方法，通過id選擇器獲取了兩個div元素。這兩個div元素分別用于存儲兩段JS代碼的執行結果。初始狀態下，我們只執行第一段JS代碼，所以第二段JS代碼的div元素會被隱藏。當按鈕被點擊時，toggleJS函數會檢測當前是哪段JS代碼正在執行，然后切換兩個div元素的display屬性，并將當前執行的JS代碼狀態保存在sessionStorage中。

最后，我們需要在HTML中添加兩個div元素，并將兩段JS代碼分別嵌入其中。下面是兩個div元素的代碼：

<div id="js-enabled">
<script>
//第一段JS代碼
</script>
</div>
<div id="js-disabled" style="display:none;">
<script>
//第二段JS代碼
</script>
</div>

上述代碼使用了id選擇器，分別為兩個div元素設置了不同的id值。我們也可以為這些div元素設置其他屬性，以便更好地區分它們。

通過上述步驟，我們就實現了HTML點擊按鈕切換JS代碼執行的功能。我們可以根據實際需求，添加更多的JS代碼，以增強頁面的交互性。