<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="> </head> <body><style>
p{ font: 14px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif; } </style><div id="content">
</div><script>
function map( a ,b, c){
var config = {}; config[a] = "Fizz"; config[b] = "Buzz"; config[c] = "Whizz";function say(num){
var tosay =""; if(String.prototype.indexOf.call( num,a ) !== -1){ return config[a]; }for (prop in config) {
if(num % prop === 0){ tosay += config[prop]; } } if(tosay !== ""){ return tosay; } return num; }; return { say : say }; };
var mp = map(3 ,5 ,7);
for(var i =1; i< 101 ; i++){ console.log('this is num' , i , 'say '+ mp.say(i) ); $('#content').append('<p>this is num ' + i + ', say '+ mp.say(i) + '</p>' ); };</script>
</body> </html>