Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	The Most Annoying "Errors" of All Time
ID	3377438974
Created	9 years ago, 1457890296751
Updated	8 years ago, 1483649388730
Code	<!DOCTYPE html> <!-- Sorry, these happen to me WAY too much. I had to sound off, so I made my own program about it :P If any of these have happened to you, tell me in the T&T! If you have any more particularly annoying Oh Noeses you want me to add, just tell me! Fun fact: I actually inspected the real CSS for Oh Noes and replicated it. So all credit for the Oh Noeses' CSS goes to the KA team that coded his styling in the first place. --> <html> <head> <meta charset = 'utf-8'> <title>The Most Annoying "Errors" of All Time</title> <style> body { background: #FFF; } h1, h5 { font-family: 'Trebuchet MS', sans-serif; font-weight: normal; } h1 { text-align: center; font-weight: bold; font-size: 30px; } div { padding: 0; margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: inherit; } .tipbar { display: block; border-radius: 10px; background: #F9F9F9; border: 1px solid #EEE; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: #000; font-family: Helvetica; font-weight: normal; left: -40px; margin: auto; min-height: 40px; position: relative; width: 280px; top: 20px; font-family: Helvetica, sans-serif; } .error-buddy { position: absolute; width: 130px; height: 116px; left: -14px; opacity: 0.75; cursor: move; } .text-wrap { line-height: 1.4em; margin: 8px 8px 33px 8px; } .oh-no { font-size: 13px; font-weight: bold; } .message { line-height: 20px; font-size: 15px; margin: 10px 0; text-align: left; } code { border-radius: 5px; background: #FFF; border: 1px solid #EEE; display: inline-block; font-family: Consolas, Courier New, monospace; font-size: 14px; line-height: 22px; margin: 0 2px; padding: 1px 4px; text-align: left; } .show-me-text { color: #005987; font-size: 14px; font-weight: bold; position: absolute; left: 7px; text-decoration: underline; cursor: pointer; } .seperator { margin-bottom: 50px; clear: both; } </style> </head> <body> <h5>Lionofgd presents...</h5> <h1 id = 'title'>The Most Annoying "Errors" of All Time!</h1> <div id = 'oh-noeses'></div> <div class = 'seperator'></div> <script> function createOhNoes(message, dontShowMeWhere) { var ohnoesesEl = document .getElementById('oh-noeses'); var seperatorEl = document .createElement('div'); seperatorEl.className = 'seperator'; var errorBuddyEl = document .createElement('img'); errorBuddyEl.className = 'error-buddy'; errorBuddyEl.src = 'https://www.kasandbox.org/programming-images/creatures/OhNoes.png'; var tipbarEl = document .createElement('div'); tipbarEl.className = 'tipbar'; var textwrapEl = document .createElement('div'); textwrapEl.className = 'text-wrap'; var ohnoesEl = document .createElement('div'); ohnoesEl.className = 'oh-no' ohnoesEl.innerHTML = '<span>Oh Noes!</span>'; var messageEl = document .createElement('div'); messageEl.className = 'message'; if (!message) message = ''; messageEl.innerHTML = '<span>' + message .replace(/`([^`]+)`/g, '</span><code>$1</code><span>') + '</span>'; var showmeEl = document .createElement('div'); showmeEl.className = 'show-me'; showmeEl.innerHTML = "<span class = 'show-me-text'>Show me where</span>"; textwrapEl.appendChild(ohnoesEl); textwrapEl.appendChild(messageEl); if (!dontShowMeWhere) textwrapEl.appendChild(showmeEl); tipbarEl.appendChild(textwrapEl); ohnoesesEl.appendChild(seperatorEl); ohnoesesEl.appendChild(errorBuddyEl); ohnoesesEl.appendChild(tipbarEl); } createOhNoes('[\'someProperty\'] is better written in dot notation.'); createOhNoes('It\'s not a good idea to define functions within a loop. Can you define them outside instead?'); createOhNoes('`parseInt()` takes 2 parameters, not 1!'); createOhNoes('eval can be harmful.'); createOhNoes('This program uses capabilities we\'ve turned off for security reasons. Khan Academy prohibits showing external images, playing external sounds, or displaying pop-ups.'); createOhNoes('undefined', true); createOhNoes('document is a reserved word.'); createOhNoes('A for loop is taking too long to run. Perhaps you have a mistake in your code?'); createOhNoes('__env__.rect is not a function', true); createOhNoes('If you want to define a function, you should use<br>`var name = function() {};` instead!'); createOhNoes('[object Object]', true); createOhNoes('I thought you were going to type `===` but you typed `==`.') createOhNoes('', true); createOhNoes('Parser error.', true); createOhNoes('Something\'s wrong with the HTML, but we\'re not sure what.'); </script> </body> </html>
Folds	136,137
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBj-wb7KDAw
Votes	256
Spin-Offs	8
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Lionofgd (#1 τ Proponent)
Author Name	lionofgd
Author ID	kaid_773334215391442348986124
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739287128756
Updated	4 months ago, 1744845475709
Source Deleted	unknown