dart系列(三) 按钮点击

最新推荐文章于 2024-05-22 23:44:30 发布

weixin_34019144

最新推荐文章于 2024-05-22 23:44:30 发布

阅读量388

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2542078/blog/538593

版权

2019独角兽企业重金招聘Python工程师标准>>>

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>

结果：