題目：在頁面中添加兩個單行文本框，在兩個文本框中輸入兩個數字，使用JavaScript函數比較這兩個函數大小，並使用對話框輸出最大數。
實現代碼如下：
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function maxNum()
{
//獲取兩個文本框的值
var x = document.getElementById("num1").value;
var y = document.getElementById("num2").value;
//強制轉換為數值型
x = parseFloat(x);
y = parseFloat(y);
if(x<y)
{
alert("最大數是："+y);
}
else
{
alert("最大數是："+x);
}
}
</script>
</head>
<body>
第一個數是：<input type="text" id="num1"/><br/>
第二個數是：<input type="text" id="num2"/><br/>
<input type="button" onclick="maxNum()" value="計算"/>
</body>
</html>
在浏覽器預覽效果如下：
我們隨便輸入兩個數字如“50和100”，然後點擊“計算”按鈕即可輸出最大數，效果如下：
分析：
這一個程序非常簡單，但是包含的信息量不少。
document.getElementById()類似於CSS中的id選擇器，而document.getElementById("num1").value表示選取id為num1的元素並獲取它的值。這個方法經常用到，大家要記一下。我們在後續課程會給大家詳細講解。
這裡用到了函數調用的其中一個方式“在事件中調用函數”。<input type="button" onclick="maxNum()"/>表示在按鈕點擊的時候執行函數maxNum()。
此外，還有一點要注意的是：有些同學呀，在定義這個函數的時候定義的函數名是max，然後發現出錯了！oh~，其實那是你忽略了很基礎的一點，那就是自己定義的函數名是不能與JavaScript內部定義的函數名相同。