
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>猫でもできるjsでゴリゴリ</title> <meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0"> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="../topcoat/main/fonts/stylesheet.css"> <link rel="stylesheet" type="text/css" href="../topcoat/css/topcoat-desktop-dark.css"> <link rel="stylesheet" type="text/css" href="../topcoat/main/css/main.css"> <link rel="stylesheet" type="text/css" href="../topcoat/main/css/brackets.css"><!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <script> $(function(){ var ajikan = { ajisen:function(){ var str = "味せんべい"; console.log(str); return str; },neko:function(){ var str = "猫が"; console.log(str); return str; },loop:function(obj){ var cnt = Number($(obj).val()); console.log(cnt); return cnt; },taberu:function(ore,str1,str2,cnt){ var o = ""; for(var i=0;i<cnt;i++){ o+=str1; } for(var i=0;i<cnt;i++){ o+=str2; } o+="たべる?"; $(ore).html(o); return; } }; $("#ore").click(function(){ console.log("oioioi・・投資信託"); var e = ajikan; e.taberu("#obj",e.neko(),e.ajisen(),e.loop("#cnt")); }); }); </script> </head> <body class="dark"> <div id="wrapper"> <section class="component"> <input type="text" value="" id="cnt"> <input type="button" value="お!!" id="ore"> <div id="obj"> </div> </section> </div> </body> </html>