<<print $n>><<Additional>>\nHi <<print $name>>!

<<if $n < 100>>\n<<set $n = $n + 1>>\n\n<<set $newn = $n>>\n\n\t<<if $newn % 15 is 0>>\n\t<<set $newn = '<span id="FizzBuzz">FizzBuzz</span>'>>\n\t<<else>>\n\n\t\t<<if $newn % 3 is 0>>\n\t\t<<set $newn = '<span id="Fizz">Fizz</span>'>>\n\t\t<<else>>\n\n\t\t\t<<if $newn % 5 is 0>>\n\t\t\t<span id="Buzz"><<set $newn = '<span id="Buzz">Buzz</span>'>></span>\n\t\t\t<<else>>\n\n\n<<else>>\n\t<<endif>>\n\t\t<<endif>> \n\t\t\t<<endif>>\n<<print $newn>>\n<<Additional>>\n<<else>><<endif>>\n

/* Your story will use the CSS in this passage to style the page.\nGive this passage more tags, and it will only affect passages with those tags.\nExample selectors: */\n\nbody {\n\t/* This affects the entire page */\n\t\n\t\n}\n#sidebar{ display: none}\n\n#passages {\nborder: none; \n margin: auto;\n position: relative;\n display: block;\n width: 700px;\n}\n.passage a {\n\t/* This affects passage links */\ncolor: white; \ntext-decoration: none; \n\tfont-size: 2em;\n\t\n}\n.passage a:hover {\n\t/* This affects links while the cursor is over them */\n\tfont-size: 2em; \ntext-decoration: none; \ncolor: green; \n\t\n}\n\n#Fizz {\n display: inline-table;\n color: #ff0000;\n font-size: 3.2em;\n animation: spinfizz 7s linear infinite;\n}\n\n@keyframes spinfizz {\n 100% {\nwebkit-transform: rotateX(360deg);\n\n transform: rotateX(360deg);\n }\n}\n\n#Buzz {\n display: inline-table;\n color: #0000ff;\n font-size: 3.2em;\n\tanimation: spinbuzz 7s linear infinite;\n\n}\n\n#FizzBuzz {\n display: inline-table;\n color: #ff00ff;\n font-size: 4.4em;\n\tanimation: spinfizzbuzz 7s linear infinite;\n\n}\n\n\n\n@keyframes spinbuzz{\n 100%{webkit-transform: rotateY(360deg);\n\ntransform: rotateY(360deg);}}\n\n@keyframes spinfizzbuzz {\n 100% {\nwebkit-transform: rotateZ(360deg);\n\n transform: rotateZ(360deg);\n }\n}\n

[[FizzBuzz|Full]]\n<<set $n = 1>>\n<<set $name to prompt("Hello! Who are you?","Tom Scott")>>

FizzBuzz

Rev