Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  
<!--    第一個js,
    --><!--   <script src="app/test1.js"></script>  
   --><!--   //x=5; 
  //function test(){
  
  } -->
  
<!--   // 第二個js
  <script src="app/test2.js"></script> // 
    //x=5; 
  
    //function test(){
  
  } -->
</head>
<body>
<button id="clickbutton">Click Me!</button>
<button class="jQueryButton">test jQuery!</button>
  
</body>
</html>
 
function TodoView() {
  
  this.x = 200; 
  this.clickBtnListner = function() {
    console.log("x:", this.x); // undefined
  }
  // example 1
  var button = document.getElementById("clickbutton");
  button.addEventListener('click', this.clickBtnListner.bind(this));
  
  // example 2
  $('.jQueryButton').click(function(){
     console.log("click jquery button");     
    var $this = $(this);
    $this.text('Clicked');
  });
}
app = new TodoView();
// 1. 去要資料
// 2. 這時候已經得到資料 
// 3. 檢查資料
// 4. 資料應該都有值
// 5. 如果沒有值的話, 跳出alert, 或者印console.log
// if(data.len ==0){
  
// }
// alert("Hello! I am an alert box!!");
// Try it Yourself »
//////////
//a
////////////
// timer1: 
// setTimeout(function(){ console.log("timeout"); }, 3000);
// // timer2: closure problem
// for(var i=0; i<10;i++){
//   setInterval(function(){
//     debugger;
//     console.log(i);  // 10, 10, ...., 10
//   }, 5000);
// }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
grimmer0125pro
0viewers