一個頁面內放入文字框和按鈕,實現文字框和按鈕輸繫結,輸入圓半徑,計算圓面積並彈窗計算結果顯示出來。(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>
相關文章
- Python文字框與按鈕Python
- JavaScript新增一個文字框並帶有刪除按鈕JavaScript
- 最簡單的Qt程式:根據使用者所輸入圓半徑計算圓面積QT
- JavaScript實時計算輸入文字框字元數量JavaScript字元
- 文字框輸入文字倒計詳解
- 輸入框點選按鈕清除輸入的所有字元的封裝字元封裝
- RadioButton文字按鈕間距設定,按鈕在文字右端顯示,RadioButton 右端對齊
- jquery連線html頁面做一個彈出框輸入jQueryHTML
- 直播網站程式原始碼,給元件按鈕、文字編輯框等設定圓形邊框、顏色網站原始碼元件
- 直播app系統原始碼,Flutter MaterialButton 實現圓角邊框按鈕APP原始碼Flutter
- 文字框文字輸入數量倒計效果
- VUE 實現 Studio 管理後臺(十三):按鈕點選輸入控制元件,input 輸入框系列Vue控制元件
- python 實現計算器功能 輸入字串,輸出相應結果Python字串
- 計算圓的面積程式碼
- CSS 文字框圓角CSS
- html input文字輸入框的一些總結HTML
- 文字框限制輸入字數的JSJS
- 點選刪除按鈕彈出是否刪除提示框
- angular雙向繫結—(按鈕+下拉)Angular
- php短視訊原始碼,按鈕的圓角圖示實現PHP原始碼
- layUI layer彈框按鈕 : 確認,取消,關閉事件UI事件
- Qt 實現文字輸入框,帶字數限制QT
- fastadmin新增自定義按鈕,並使用彈窗功能AST
- 防止頁面按鈕多次點選
- WPF Button按鈕設定圓角
- 動態顯示:文字框字數(輸入還剩多少字)
- Dcat Admin 修改全域性行操作按鈕顯示方式為文字+圖示
- SAP Spartacus B2B 頁面 Disable 按鈕的顯示原理
- js禁用頁面所有輸入框以及點選事件JS事件
- 實現高度“聽話”的多行文字輸入框
- JavaScript 文字框只能輸入數字JavaScript
- 文字框限制輸入字數效果
- 原生前端:input標籤 number型別輸入框如何清除上下加減按鈕?前端型別
- Layui Confirm彈出框連續點選按鈕會觸發多次事件UI事件
- 為 Charles 新增代理頁面按鈕(Rewrite)
- Bootstrap頁面佈局13 - BS按鈕boot
- 選中按鈕改變文字大小和顏色
- uniapp更改導航欄按鈕文字APP