<!DOCTYPE html><html><head><title>原创--计算器</title><scriptsrc="https://code.jquery.com/jquery-3.1.1.min.js"></script><styletype="text/css">.num{min-width: 20px;height: 18px;display: inline-block;border: 1px solid #000;vertical-align: middle;/*使得块级元素垂直居中*/}</style></head><body><inputtype=""name=""id="n1"><span>+</span><inputtype=""name=""id="n2"><span>=</span><divclass="num"id="num"></div><buttononclick="handleClick()">click</button><scripttype="text/javascript">functionhandleClick(){var a =Number($('#n1').val())var b =Number($('#n2').val())var c = a + b
$('#num').text(c)}</script></body></html>