JS 中button后获取input输入框的值，undefined问题

在做一个查询按钮时，遇到的问题:

input 输入框的值，点button提交之后始终无法获得。

无奈，console.log()打印，发现是undefined

查了一下发现写的js中取值的方法有问题

<input type="text" id="cnameQuery" width="width:20%"/>

<button class="btn"  "searchCourse()">查询</button>

取值的代码必须要放到function里面，直接取值是取不到的。
调用getElementById（）查找唯一指定元素，返回值。即可

	function searchCourse(){
		var cname = document.getElementById("cnameQuery").value
		addCourse(cname)
	}
	
	function addCourse(cname){}