html 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大额人民币转小额</title> <style media="screen"> .main{ width: 400px; height: 400px; margin: auto; padding: 20px; } .denomination{ width:100px; height: 30px; margin-bottom: 10px; } .exchange{ height: 40px; } .rmb{ width: 150px; border: 1px solid rgb(99,184,255); } .half,.twenty,.ten,.five,.one{ width: 100px; height: 20px; margin-top: 10px; margin-left: 8px; } </style> </head> <body> <div class="main"> <input class="denomination" type="text" name="name" value=""> <input class="exchange" type="button" name="name" value="兑换"> <div class="rmb"> <div class="half"> 50元: </div> <div class="twenty"> 20元: </div> <div class="ten"> 10元: </div> <div class="five"> 5元: </div> <div class="one"> 1元: </div> </div> </div> </body> <script type="text/javascript"> var denom=document.querySelector(‘.denomination’); var exchange=document.querySelector(‘.exchange’); var half=document.querySelector(‘.half’); var twenty=document.querySelector(‘.twenty’); var ten=document.querySelector(‘.ten’); var five=document.querySelector(‘.five’); var one=document.querySelector(‘.one’); exchange.onclick=exchangeMoney; function exchangeMoney() { a=denom.value; var reg=/^\d+$/; if (reg.test(a)==true) { M50=parseInt(a/50); M20=parseInt((a%50)/20); M10=parseInt((a%50%20)/10); M5=parseInt((a%50%20%10)/5); M1=a%50%20%10%5; half.innerHTML=’50元:’+M50+’张’; twenty.innerHTML=’20元:’+M20+’张’; ten.innerHTML=’10元:’+M10+’张’; five.innerHTML=’5元:’+M5+’张’; one.innerHTML=’1元:’+M1+’张’; }else if (a.length==0) { alert(‘请输入金额’); } else { alert(‘内容必须是整数数字’); } } </script> </html>
评论前必须登录!
注册