Advertisement
ambosdavid

William Johnson's Color Scale ( but edited )

Mar 20th, 2019
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.29 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Bill's Color Scale ( NOT Mine )</title>
  6. </head>
  7. <body style="text-align: center;">
  8. <script>
  9. var white = 0;
  10. window.addEventListener("keyup", function(e) {
  11. if (e.which == 65) {
  12. var hm = prompt("How many shades do you want to view?");
  13. var flip = prompt("Go from Light to Dark? (Enter true OR false)");
  14. var table = document.createElement("table");
  15. table.style.width = "400px";
  16. table.style.height = "200px";
  17. document.body.appendChild(table);
  18. for (var i = 0; i < 3; i++) {
  19. if (flip == "false") {
  20. white = 0;
  21. } else {
  22. white = 255;
  23. }
  24. window.eval("var row" + i + " = document.createElement('tr')");
  25. table.appendChild(eval("row" + i));
  26. for (var l = 0; l <= hm; l++) {
  27. window.eval("var col" + i + l + " = document.createElement('td');");
  28. window.eval("col" + i + l).style.width = Math.floor(400 / (hm * 3)) + "px";
  29. window.eval("row" + i).appendChild(eval("col" + i + l));
  30. switch (i) {
  31. case 0:
  32. window.eval("col" + i + l).style.backgroundColor = "rgb(255," + white + "," + white + ")";
  33. window.eval("col" + i + l).innerHTML = Math.floor(white);
  34. if(flip == "false") {
  35. white += (256 / hm);
  36. } else {
  37. white -= (256 / hm);
  38. }
  39. break;
  40. case 1:
  41. window.eval("col" + i + l).style.backgroundColor = "rgb(" + white + ",255," + white + ")";
  42. window.eval("col" + i + l).innerHTML = Math.floor(white);
  43. if(flip == "false") {
  44. white += (256 / hm);
  45. } else {
  46. white -= (256 / hm);
  47. }
  48. break;
  49. case 2:
  50. window.eval("col" + i + l).style.backgroundColor = "rgb(" + white + "," + white + ",255" + ")";
  51. window.eval("col" + i + l).innerHTML = Math.floor(white);
  52. if(flip == "false") {
  53. white += (256 / hm);
  54. } else {
  55. white -= (256 / hm);
  56. }
  57. break;
  58. }
  59. if (eval("col" + i + l).innerHTML > 256) {eval("col" + i + l).innerHTML = "255";}
  60. if (eval("col" + i + l).innerHTML < 0) {eval("col" + i + l).innerHTML = "0";}
  61. }
  62. }
  63. }
  64. });
  65. </script>
  66. </body>
  67. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement