JS：
<ul>
<li>姓：<input type="text" id="xingInput"></li>
<li>名：<input type="text" id="mingInput"></li>
<li>Hello<b id="nameView"></b></li>
<li>姓：<a href="#" id="showButton">輸出姓名</li>
</ul>
<script>
var xing = document.getElementById("xingInput");
var ming = document.getElementById("mingInpiut“);
var showButton = document.getElementById("showButton");
showButton.onclick = function(){
var name = xing.value + " " + ming.value；
var nameView = document.getElementById("nameView");
nameView.innerHTML = name;
return false；
}
</script>
AngularJS：
<html ng-app>
<ul>
<li>姓：<input type="text" ng-model="xing"></li>
<li>名：<input type="text" ng-model="ming"></li>
<li>Hello<b >{{xing || ” “}}{{ming || ” “}}</b></li>
</ul>
<script src=”scripts/angular-1.1.1.min.js“></script>