本文通过javascript和HTML代码,展示javascript入门的初步。
代码如下:
<html>
<head>
<title>my first list</title>
<script>
var item1;
var item2;
var item3;
function newList(){
item1 = prompt("输入一个新的蔬菜:");
item2 = prompt("输入第二个新的蔬菜:");
item3 = prompt("输入第三个新的蔬菜:");
updateList();
};
function updateList(){
document.getElementById("firstThing").innerHTML = item1;
document.getElementById("secondThing").innerHTML = item2;
document.getElementById("thirdThing").innerHTML = item3;
};
</script>
</head>
<body>
<hr>
<p>学习JavaScript和HTML</p>
<h1>我喜欢的蔬菜列表</h1>
<ol>
<li id="firstThing">黄瓜</li>
<li id="secondThing">胡萝卜</li>
<li id="thirdThing">西红柿</li>
</ol>
<button id="changeList" type="button" οnclick="newList()">改变喜欢的蔬菜列表</button>
</body>
</html>