1、新建一个html文档，书写两个input，代码如下：
<html>
<head>
<script type="text/javascript" src="js/test.js"></script>
</head>
<body>
<input type="text" name="cc" />
<input type="button" value="send" />
</body>
</html>
保存，在浏览器里打开：
2、接下来，我们给第一<input>添加一个属性：id="cc"，给第二个input添加一个事件属性：onclick="run();"
这个run();就是一个函数，所以接下来我们就要在test.js 里面去创建这个函数，代码如下：
function run(){
var c=document.getElementById("cc").value;
document.write("你输入的内容是："+c);
}
3、代码分析：
var c=document.getElementById("cc").value;
这句的左边是一个变量，变量c存放id为cc的元素的值，用document.getElementById("cc").value;来获取到id为cc的元素的值。
document.write("你输入的内容是："+c);
这句是输出"你输入的内容是："加上变量c里面的值，JavaScript里面用+连接字符串和变量。
最终效果如图：
