FizzBuzz CAPTCHA

Developer
Chad Scira
Size
2,568 Kb
Views
34,408
  1. FizzBuzz CAPTCHA Previews
  2. FizzBuzz CAPTCHA HTML Codes
  3. FizzBuzz CAPTCHA CSS Codes
  4. FizzBuzz CAPTCHA JS Codes

How do I make an fizzbuzz captcha?

In response to: http://news.ycombinator.com/item?id=5267066. What is a fizzbuzz captcha? How do you make a fizzbuzz captcha? This script and codes were developed by Chad Scira on 27 August 2022, Saturday.

FizzBuzz CAPTCHA Previews
IQ Test

FizzBuzz CAPTCHA - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>FizzBuzz CAPTCHA</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>FizzBuzz CAPTCHA : <span id="status">failing</span></h1>
<p>use the function <b>log</b> to log the results</p>
<ul> <li>log the numbers from 1 to 100</li> <li>for multiples of 3 print "Fizz" instead of the number</li> <li>for multiples of 5 print "Buzz" instead of the number</li> <li>for multiples of 3 and 5 print "FizzBuzz" instead of the number</li>
</ul>
<textarea id="input">
for (var i=1; i <= 100; i++)
{ log(i);
}
</textarea>
<textarea id="output">
</textarea> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

FizzBuzz CAPTCHA - Script Codes CSS Codes

body { background: #222; width: 1050px; margin: 20px auto 0px; font-family: 'helvetica';
}
h1 { font-weight: normal; font-size: 18px; color: #6d86a0; font-family: helvetica; text-shadow: 0 0 4px #111;
}
h1 a { color: #ff088e; text-decoration: none;
}
p {
color: #ccc;
}
li { color: #888;
}
textarea { border: 1px solid #666; background: #444; width: 500px; height: 400px; color: #fff; outline: none; padding: 10px;
}
#status {
color: red;
}
#status.passed {
color: green;
}
#output { color: #91b1c2;
}

FizzBuzz CAPTCHA - Script Codes JS Codes

var $input = $('#input'), $output = $('#output'), $status = $('#status');
var correctResults = [1, 2, "Fizz", 4, "Buzz", "Fizz", 7, 8, "Fizz", "Buzz", 11, "Fizz", 13, 14, "FizzBuzz", 16, 17, "Fizz", 19, "Buzz", "Fizz", 22, 23, "Fizz", "Buzz", 26, "Fizz", 28, 29, "FizzBuzz", 31, 32, "Fizz", 34, "Buzz", "Fizz", 37, 38, "Fizz", "Buzz", 41, "Fizz", 43, 44, "FizzBuzz", 46, 47, "Fizz", 49, "Buzz", "Fizz", 52, 53, "Fizz", "Buzz", 56, "Fizz", 58, 59, "FizzBuzz", 61, 62, "Fizz", 64, "Buzz", "Fizz", 67, 68, "Fizz", "Buzz", 71, "Fizz", 73, 74, "FizzBuzz", 76, 77, "Fizz", 79, "Buzz", "Fizz", 82, 83, "Fizz", "Buzz", 86, "Fizz", 88, 89, "FizzBuzz", 91, 92, "Fizz", 94, "Buzz", "Fizz", 97, 98, "Fizz", "Buzz"];
function processFunction () { var userFizzBuzz = new Function($input.val()); results = []; $output.val(''); try { userFizzBuzz(); } catch (error) { return console.log(error); } var failed = false; for (var i = 0; i < correctResults.length; i++) { if (correctResults[i] !== results[i]) { failed = true; break; } } if (failed) { $status[0].className = ''; $status.text('failing'); } else { $status[0].className = 'passed'; $status.text('passed'); }
}
window.results = null;
window.log = function (value) { $output.val($output.val() + value + '\n'); console.log(value); results.push(value);
};
$input.bind('change, keydown, keyup', processFunction);
processFunction();
FizzBuzz CAPTCHA - Script Codes
FizzBuzz CAPTCHA - Script Codes
Home Page Home
Developer Chad Scira
Username icodeforlove
Uploaded August 27, 2022
Rating 3
Size 2,568 Kb
Views 34,408
Do you need developer help for FizzBuzz CAPTCHA?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chad Scira (icodeforlove) Script Codes
Name
FontAwesome
Dippin Dots
Curl Request to Node Request
Raw Request to Requester Request
Delayed Follow
Client-side nudity detection
8bit Animation
A Pen by Chad Scira
Ripple Words
Animated 3D Text
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!