當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS小测验
1.編寫一個方法method(),判斷一個數能否同時被3和5整除
<div class="one" onClick="method()">function method(){var a = prompt("輸入一個數");if(a%3 ==0 && a%5==0){alert(true);}else{alert(false); } }2.有一個函數x<1時,y=x;x>=1且x<10時,y=2x-1;x>10時,y=3x-11
<div class="one" onClick="x()">點擊</div>function x(){var x = prompt("請輸入");if(x<1){alert(x)}else if(x>10){alert(3*x-11);}else{alert(2*x-1);} }3.編寫一個程序,輸入工資和工齡,計算增加后的工資。要求工齡滿5,增加20%工資;若2—4,則增加15%;若小于2,則增加10%工資
<div class="one" onClick="gz()">點擊</div>function getmoney(){var x =parseInt(prompt("請輸入工齡"));var y =parseInt(prompt("請輸入工資"));if (x <2){alert("增加后的工資:"+(y*1.1));}else if (x >=5){alert("增加后的工資:"+(y*1.2));}else{alert("增加后的工資:"+(y*1.15));}}
4、實現簡單計算器,分別輸入兩個數和一個運算符號,計算結果。
計算過程使用一個帶參數和帶返回值得函數封裝實現
注意:該計算器只能進行個位數的加減乘除
思路要點:(1)在讀取按鍵的數字的時候,通過 :for循環下的?集合【i】.οnclick=function(){? 變量=this.innerHTML}來取得,必須要使用“this”來代替 “被取集合【i】”,否則無法取到值,應該是由于“集合【i】”被設置了οnclick=function函數的原因。
? ? ? ? ? ? ? ? ? ?(2)然后在取到按鍵數字的同時判斷按鍵次數,創造變量接收第一次,第二次,第三次取到的字符。同時判斷第二次取到的加減乘除號,分情況進行計算。
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>簡易計算器</title><style type="text/css">*{margin: 0 auto;padding: 0;}#bigk{width: 320px;height: 450px;background-color: gainsboro;border-radius: 8px;box-shadow: 5px 5px 5px darkgray;margin-top: 30px;border: 1px solid black;overflow: hidden;}#sck{width: 312px;height: 30px;border: 1px solid black;margin-top: 10px;background-color: gainsboro;border-radius: 4px;}.hengk{width: 312px;height:100px ;}.xiaok{float: left;width: 70px;height: 90px;border: 1px solid black;margin-top: 5px;margin-left: 5px;font-size: 24px;font-weight: bolder;text-align: center;line-height: 90px;border-radius: 4px;}.xiaok:hover{cursor: pointer;box-shadow: 3px 3px darkgray;}</style></head><body><div id="bigk"><div id="sck"><input type="text" value="" style="width: 312px;height: 30px;border: none;background-color:gainsboro ;"/></div><div class="hengk"><div class="xiaok">7</div><div class="xiaok">8</div><div class="xiaok">9</div><div class="xiaok">/</div></div><div class="hengk"><div class="xiaok">4</div><div class="xiaok">5</div><div class="xiaok">6</div><div class="xiaok">*</div></div><div class="hengk"><div class="xiaok">1</div><div class="xiaok">2</div><div class="xiaok">3</div><div class="xiaok">-</div></div><div class="hengk"><div class="xiaok">0</div><div class="xiaok">.</div><div class="xiaok">=</div><div class="xiaok">+</div></div></div></body> </html><script type="text/javascript">var num = document.getElementsByClassName("xiaok");var a = 0;var b = 0;var c = 0;var biao = 0for(var i = 0 ;i<num.length;i++){num[i].οnclick=function(){biao++;document.getElementsByTagName("input")[0].value+=this.innerHTML;if(biao ==1){a =Number(this.innerHTML) ;}else if(biao==2){b= this.innerHTML;}else if(biao==3){c = Number(this.innerHTML);}if(this.innerHTML=="="){switch (b) {case"+":document.getElementsByTagName("input")[0].value=a+c;break;case"-":document.getElementsByTagName("input")[0].value=a-c;break;case"*":document.getElementsByTagName("input")[0].value=a*c;break;case"/":document.getElementsByTagName("input")[0].value=a/c;break;}}}}</script>
?
?
?
?
?
?
轉載于:https://www.cnblogs.com/wangrongchen/p/8858832.html
總結
- 上一篇: 如何在Mac上停止使用iCloud照片库
- 下一篇: 使用quaggaJS识别图片中的条形码