使用onclick（）点击事件触发。
1、设计一个功能页面，HTML代码如下。
2、此时的页面展示效果如下。
3、设计功能函数，实现上图中赋值的功能。
4、给按钮绑定上述函数，点击实现。
5、在页面上点击函数，查看执行效果。
扩展资料：
onclick事件解析：
1、定义和用法：onclick 属性由元素上的鼠标点击触发。
onclick 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。
2、语法：
<element onclick="script">。
参考资料：
百度百科--onclick
js中的键盘事件包括 onkeydown 、 onkeyup 、 onkeypress
1、onkeydown
键盘按下后就会立即执行的事件，不管是数字键、字母键还是功能键都能触发这个事件。
onkeydown有个特点：键盘一直按下会不停地触发事件，连续触发时，第一次和第二次的触发时间间隔会比较长一点，后面触发速度就非常的快。这种设计是为了防止误操作的发生。
2、onkeyup
键盘松开后立马执行的事件。
3、onkeypress
键盘按键被按下并释放一个键时执行。数字键、字母键能触发事件，但是功能键按下后不会触发这个事件，比如Esc、Tab、CapsLock、Shift、Ctrl、Alt、Delete、Backspace、四个方向键。
补充一些常用按键对应的Unicode编码：
Enter：13
space：32
Left：37
Up：38
Right：39
Down：40
