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 name="description" content="第一个作品" />
  <meta charset="utf-8">
  <title>2014.07.14</title>
​
</head>
<body>
<div id="foo">你想要多少星星？</div>
  <form action="#"><input type="text" id="frm" name="fname" /></form>
​
    <script>
​
      var f=document.getElementById("frm");
      var e=document.getElementById("foo");
      //var s="*";
      //我想让#foo里显示我在表单里输入的数值
      f.onkeyup=function (){
        var s;
        if (!isNaN(f.value)){
          if(f.value>1000) var l=true;f.value=1000;
          s="*"
          for(i=1;i<f.value;i++){
            if(!(i%5)) s=s+" "; 
            s=s+"*";
          }
         if(l) {
           s=s+" "
           for (i=1;i<=10;i++){
             s=s+"."
             if(!(i%5)) s=s+" "; 
​
           }
         }
        }
        else {
          s="给我一个数字，说吧，你要多少？";
        }
        e.innerHTML=s;
      }
      f.onblur=function(){
        e.innerHTML="数字，快给我数字，该死的。";
        var t=setTimeout("e.innerHTML='不，不是那样的，你想要多少星星？'",2000);
      }
​
      
  </script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
sensuipro
0viewers