DW中使用HTML編寫(xiě)計(jì)算器代碼非常簡(jiǎn)單。首先我們需要?jiǎng)?chuàng)建一個(gè)HTML文件,并在文件中添加以下代碼:
<html> <head> <title>計(jì)算器</title> </head> <body> <form name="calculator"> <input type="text" name="answer" value=""><br> <input type="button" name="one" value="1" onclick="calculator.answer.value += '1'"> <input type="button" name="two" value="2" onclick="calculator.answer.value += '2'"> <input type="button" name="three" value="3" onclick="calculator.answer.value += '3'"> <input type="button" name="plus" value="+" onclick="calculator.answer.value += '+'"><br> <input type="button" name="four" value="4" onclick="calculator.answer.value += '4'"> <input type="button" name="five" value="5" onclick="calculator.answer.value += '5'"> <input type="button" name="six" value="6" onclick="calculator.answer.value += '6'"> <input type="button" name="minus" value="-" onclick="calculator.answer.value += '-'"><br> <input type="button" name="seven" value="7" onclick="calculator.answer.value += '7'"> <input type="button" name="eight" value="8" onclick="calculator.answer.value += '8'"> <input type="button" name="nine" value="9" onclick="calculator.answer.value += '9'"> <input type="button" name="times" value="*" onclick="calculator.answer.value += '*'"><br> <input type="button" name="clear" value="C" onclick="calculator.answer.value = ''"> <input type="button" name="zero" value="0" onclick="calculator.answer.value += '0'"> <input type="button" name="doit" value="=" onclick="calculator.answer.value = eval(calculator.answer.value)"> <input type="button" name="div" value="/" onclick="calculator.answer.value += '/'"><br> </form> </body> </html>
在這段代碼中,我們創(chuàng)建了一個(gè)表單,表單中包含一個(gè)用于輸出結(jié)果的文本框和一組按鈕。每一個(gè)按鈕都對(duì)應(yīng)一個(gè)數(shù)字和一個(gè)操作符。當(dāng)用戶點(diǎn)擊按鈕時(shí),我們使用onclick事件處理程序?qū)?shù)字或操作符添加到文本框中。一旦用戶完成計(jì)算,他們可以點(diǎn)擊“=”按鈕,我們使用JavaScript的eval函數(shù)來(lái)計(jì)算結(jié)果。我們還創(chuàng)建了一個(gè)“C”按鈕,用于清空文本框。
總的來(lái)說(shuō),這是一個(gè)非常基本的計(jì)算器,但是它展示了該如何在DW中使用HTML編寫(xiě)JavaScript代碼以及如何創(chuàng)建一個(gè)表單來(lái)獲取用戶輸入。同樣,我們可以更改代碼以添加更多功能。
下一篇asp加vue