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>