一個頁面內放入文字框和按鈕,實現文字框和按鈕輸繫結,輸入圓半徑,計算圓面積並彈窗計算結果顯示出來。(js)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>面積</title>
</head>
<body>
<input type="text" id="text"><br>
<input type="button" value="計算" id="count">
<script>
document.getElementById('count').onclick=function(){
var r = document.getElementById("text").value;
alert(r*r*3.14);
}
</script>
</body>
</html>
相關文章
- 窗體(文字框,按鈕,單選按鈕,標籤)
- 最簡單的Qt程式:根據使用者所輸入圓半徑計算圓面積QT
- Python文字框與按鈕Python
- JavaScript新增一個文字框並帶有刪除按鈕JavaScript
- 判斷文字框按鈕是否為空並給出提示
- PLSQL實現計算圓的面積SQL
- Android輸入框中加入清除按鈕Android
- JavaScript實時計算輸入文字框字元數量JavaScript字元
- jquery連線html頁面做一個彈出框輸入jQueryHTML
- 文字框輸入文字倒計詳解
- 點選按鈕複製文字框文字程式碼例項
- javascript實時顯示文字框輸入字數JavaScript
- css實現圓角按鈕效果CSS
- 計算圓的面積程式碼
- 輸入框點選按鈕清除輸入的所有字元的封裝字元封裝
- 直播app系統原始碼,Flutter MaterialButton 實現圓角邊框按鈕APP原始碼Flutter
- 直播網站程式原始碼,給元件按鈕、文字編輯框等設定圓形邊框、顏色網站原始碼元件
- js多個文字框輸入內容同步效果JS
- jQuery 點選按鈕改變可用狀態和顯示文字jQuery
- Java選擇框和單選按鈕Java
- JavaScript操作文字框、單選按鈕、下拉框、核取方塊JavaScript
- CSS 文字框圓角CSS
- JavaScript 文字框輸入內容同步JavaScript
- jQuery文字框輸入內容同步jQuery
- python 實現計算器功能 輸入字串,輸出相應結果Python字串
- 13種常用按鈕、文字框、表單等CSS樣式CSS
- VUE 實現 Studio 管理後臺(十三):按鈕點選輸入控制元件,input 輸入框系列Vue控制元件
- JS 文字輸入框放大鏡效果JS
- js實現的文字框只能夠輸入數字JS
- JSP/HTML頁面彈出框JSHTML
- html input文字輸入框的一些總結HTML
- jquery實現的點選按鈕改變可用狀態和顯示文字程式碼jQuery
- RadioButton文字按鈕間距設定,按鈕在文字右端顯示,RadioButton 右端對齊
- 點選按鈕在iframe子視窗載入指定頁面
- input只能輸入文字框
- Bootstrap按鈕圓角改成直角boot
- jQuery文字框內容輸入同步功能jQuery
- 實現文字框輸入內容提示程式碼例項