代码的读取顺序问题，我把JS代码写到<head></head>里面了，先解析js代码，找不到对应的目标，所以报错，
解决办法：把js代码放到HTML代码后面就行了。我放到了body中的末尾。就可以了
类似于这样：
运行结果：
