JavaScript做控件是Web開發中非常常見的操作。只要掌握好JavaScript的基本語法和相關技術，制作出各種實用的控件就不難了。

如下是一個簡單的例子，通過JavaScript代碼和HTML結構實現了一個基礎的計算器控件：

<div>
<input type="text" id="firstNumber">
<input type="text" id="secondNumber">
<button onclick="addNumbers()">Add Numbers</button>
<div id="result"></div>
</div>
<script>
function addNumbers(){
var num1 = document.getElementById("firstNumber").value;
var num2 = document.getElementById("secondNumber").value;
var result = Number(num1) + Number(num2);
document.getElementById("result").innerHTML = "Result: " + result;
}
</script>

該計算器控件包含兩個輸入框和一個按鈕，通過點擊按鈕實現兩數相加的操作并在下方顯示結果。運用了JavaScript中的getElementById()方法來獲取輸入框中的數值，并將其轉換為數字后進行操作。

除了基本的計算器控件，JavaScript還可以制作出多種實用的控件，如下拉框、彈窗、滑塊、拖拽等等。以下是一個簡單的下拉框例子：

<select id="fruits">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="cherry">Cherry</option>
<option value="grape">Grape</option>
<option value="orange">Orange</option>
</select>
<script>
var select = document.getElementById("fruits");
select.addEventListener("change", function(){
var selectedValue = select.options[select.selectedIndex].value;
alert("You have selected " + selectedValue);
});
</script>

該下拉框控件通過addEventListener()方法來監聽選項的變化，獲取當前選中的值并進行相關操作。

除此之外，JavaScript還可以用來制作彈窗控件。以下是一個簡單的彈窗例子：

<button onclick="alert('Hello, World!')">Popup Alert</button>

該彈窗控件通過JavaScript中的alert()方法實現了一個簡單的彈窗提示功能。

總之，JavaScript是制作各種實用控件必備的技術之一，只要熟練掌握，就能實現各種復雜的控件效果，讓Web應用界面更加豐富、生動。