dart系列(三) 按钮点击

import 'dart:html';
import 'dart:core';
void main() {
  
  void myClick(Event e){  
   querySelector('#but_1_div').text = ( querySelector('#ipt_1') as InputElement ).value;
  }
  
  
  ButtonElement mybt1;
  mybt1 = querySelector('#but_1');
  mybt1.text = "try me!";
  mybt1.onClick.listen( myClick );
  }
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>t5</title>
    <link rel="stylesheet" href="styles.css">
    <script async src="main.dart" type="application/dart"></script>  
 <!--   <script async src="main.js"></script> --> 
</head>
<body>
<div id='hw'></div>
<br/><br/><br/><br/>  
<input id='inputtxt'/>
<div id='bind'></div>
<br/><br/><br/><br/>  
<input id='ipt_1' style="width: 100px; height: 60px;"/>
<button id='but_1'  style="width: 100px; height: 60px;" ></button>
<div id='but_1_div'></div>
</body>
</html>

结果:

dart系列(三) 按钮点击

你可能感兴趣的:(Dart)