Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
​
  <h3 id="saying">你想要多少星星？</h3>
​
  <form action="#">
  <input type="text" id="amount" name="number">
</form>
​
  <div id="star-container"></div>
<script>
  
  var space=document.getElementById("star-container");
   var say=document.getElementById("saying");
   var num=document.getElementById("amount");
   
  num.onkeyup=function (){
    if(isNaN(num.value))
      {say.innerHTML="就一个数字就好了。"}
    else
      {say.innerHTML="对，就是这样。";stars(num.value);}
      
   }
  num.onblur=function(){
    space.innerHTML="";
    say.innerHTML="数字，快给我数字，该死的。";
    var t=setTimeout("say.innerHTML='不，不是那样的，你想要多少星星？'",2000);
​
  } 
   
  
  
    function stars (x){
      var xnum=""
      if (x<=1000){
        xnum=StarGen(x);
        space.innerHTML=xnum;
      }
      else{
        say.innerHTML="哼，你太随意了，难道你不考虑浏览器的感受吗"
        num.value=1000;
        x=1000;
        xnum=StarGen(x);
        xnum=xnum+".....";
        space.innerHTML=xnum;
      }
      
    }
  
  
  
  function StarGen (z){
    var znum=""
    for(i=1;i<=z;i++){
      znum=znum+"*";
      if(!(i%5)) znum=znum+" "
    }
    return znum;
  }
</script>
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
sensuipro
0viewers