JavaScript小練習
阿新 • • 發佈：2019-04-01
ott val code 姓名 計量單位 分享 content 現在 -type
練習，做一個簡單的加法計算器
<head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> </head> <style> input{ width:50px; } </style> <script> function calc(){ var num1= document.getElementById("num1").value; var num2= document.getElementById("num2").value; num1= parseFloat(num1); num2 = parseFloat(num2); var result = num1+num2; document.getElementById("result").value=result; } </script> <input type="text" id="num1"> + <input type="text" id="num2" > = <input type="text" id="result" > <input type="button" value="運算" onclick="calc()">
練習二
<html> <script> function generate(){ var location = $("location"); var companyType= $("companyType"); var companyName= $("companyName"); var bossName= $("bossName"); var money= $("money"); var product= $("product") var unit= $("unit");var result = location +"最大"+companyType+companyName+"倒閉了，王八蛋老板"+bossName+"吃喝嫖賭，欠下了"+money+"個億，" + "帶著他的小姨子跑了!我們沒有辦法，拿著"+product+"抵工資!原價都是一"+unit+"多、兩"+unit+"多、三"+unit+"多的"+product+"，" + "現在全部只賣二十塊，統統只要二十塊!"+bossName+"王八蛋，你不是人!我們辛辛苦苦給你幹了大半年，" + "你不發工資，你還我血汗錢，還我血汗錢!"; document.getElementById("result").value=result; } function $(id){ var value = document.getElementById(id).value; return value; } </script> <style> body{ font-family: 宋體; } span{ display:inline-block; border: 1px solid lightgray; width:120px; margin-bottom:5px; } button#generate{ width:80px; height:30px; } textarea{ width:100%; height:150px; margin-top:20px; } </style> <body> <span>地名:</span> <input type="text" id ="location" value="浙江"> <span>公司類型:</span> <input type="text" id ="companyType" value="互聯網公司"> <br> <span>公司名稱:</span> <input type="text" id ="companyName" value="阿裏九九"> <span>老板姓名:</span> <input type="text" id ="bossName" value="牛風"> <br> <span>money:</span> <input type="text" id ="money" value="一萬"> <span>產品:</span> <input type="text" id ="product" value="貼膜"> <br> <span>價格計量單位:</span> <input type="text" id ="unit" value="百"> <br> <div align="center"> <button id="generate" onclick="generate()">生成</button> <br> <textarea id="result">浙江最大互聯網公司阿裏九九倒閉了，王八蛋老板牛風吃喝嫖賭，欠下了一萬個億，帶著他的小姨子跑了!我們沒有辦法，拿著貼膜抵工資!原價都是一百多、兩百多、三百多的貼膜，現在全部只賣二十塊，統統只要二十塊!牛風王八蛋，你不是人!我們辛辛苦苦給你幹了大半年，你不發工資，你還我血汗錢，還我血汗錢!</textarea> </div> <br> </body> </html>
JavaScript小練習