1<!doctype html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8" /> 5<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6<link rel="icon" type="image/svg+xml" href="/favicon.ico"> 7<meta name="viewport" content="width=device-width, initial-scale=1" /> 8<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 9<title>Readability Checker - Test Your Readability - ZeroGPT.cc</title> 10<meta name="description" content="A fast and simple way to test the readability of your content. Try it now!"> 11<meta name="keywords" content="test readability, readability check, readability checker"> 12<link rel="canonical" href="https://zerogpt.cc/readability-checker" /> 13<meta property="og:locale" content="en_US" /> 14<meta property="og:type" content="website" /> 15<meta property="og:title" content="Readability Checker - Test Your Readability - ZeroGPT.cc" /> 16<meta property="og:url" content="https://zerogpt.cc" /> 17<meta property="og:site_name" content="ZeroGPT.cc AI Detector" /> 18<meta property="og:image" content="https://zerogpt.cc/static/images/zerogptico.png" /> 19<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 19-20
19 20<script async src="https://www.googletagmanager.com/gtag/js?id=
20G-MYYRBTRS9R
vendor: 12 bytes, line 20
20"></script>
21<script async src="https://cdn.fuseplatform.net/publift/tags/2/3424/fuse.js"></script>
vendor: 1 bytes, line 21
21
22<script> 23
vendor: 134 bytes, lines 23-27
23window.dataLayer = window.dataLayer || []; 24 function gtag(){dataLayer.push(arguments);} 25 gtag('js', new Date()); 26 27 gtag('config', '
27G-MYYRBTRS9R
vendor: 4 bytes, line 27
27');
28</script>
vendor: 1 bytes, line 28
28
29<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6563083246009805" 30 crossorigin="anonymous"></script>
vendor: 1 bytes, line 30
30
31<script async src="https://fundingchoicesmessages.google.com/i/pub-6563083246009805?ers=1" nonce="h59ZpGCvG4ZNXhcM0s8ZUg"></script>
31<script nonce="h59ZpGCvG4ZNXhcM0s8ZUg">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
31 32 33<style type="text/css"> 34* { 35 box-sizing: border-box; 36} 37 38body { 39 font-family: 'CerebriSans-Regular', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif; 40 margin: 0; 41 line-height: 1.5; 42 -webkit-font-smoothing: antialiased; 43 -moz-osx-font-smoothing: grayscale; 44 color: #333; 45 background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(239, 239, 242) 30%, rgb(255, 255, 255) 70%); 46} 47 48h1 { 49 font-weight: 700; 50 text-align: center; 51 padding-top: 20px; 52 font-size: 30px; 53} 54h1,h2,h3 { 55 color: #2b2d38; 56} 57h2 {text-align: center;} 58.header { 59 margin: auto; 60 text-align: center; 61 padding-top: 30px; 62} 63.header a { 64 font-weight: 500; 65 text-align: center; 66 font-size: 30px; 67} 68a { 69 text-decoration: none; 70 color: #0D4C92; 71} 72.footer a {color: #fff;} 73 74a:hover { 75 text-decoration: none; 76} 77 78#container { 79 margin: auto; 80 width: 960px; 81} 82#textbox { 83 font-family: monospace; 84 font-size: 13px; 85 width: 100%; 86 height: 300px; 87 padding: 20px 30px; 88 line-height: 1.6; 89 webkit-box-shadow: 0 12px 48px rgb(109 117 141 / 20%); 90 box-shadow: 0 12px 48px #6d758d33; 91 border-radius: 16px; 92 margin: 20px auto; 93 border: 1px solid #e7e9f5; 94 outline: none; 95} 96textarea::placeholder { 97 font-size: 14px; 98} 99textarea:focus {border: 1px solid #A0E9E5!important;} 100.bar-row { 101 height: 30px; 102} 103#fleschreadingScore { 104 width: 80px; 105 vertical-align: top; 106 color: #06f; 107 font-weight: 700; 108 font-size: 18px; 109} 110#bar-container { 111 width: 800px; 112 background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%); 113 line-height: 0.5; 114 position:relative; 115 top:6px; 116} 117.bar-prediction { 118 margin: 30px 0; 119} 120#hard-to-read { 121 width: 80px; 122 vertical-align: top; 123 font-weight: 700; 124 color: #F94A29; 125 font-size: 18px; 126} 127#bar { 128 display: inline-block; 129 height: 40px; 130 background-color: #06f; 131} 132em { 133 font-family: monospace; 134 font-style: normal; 135} 136.footer{ 137 text-align: center; 138 color: #fff; 139 margin-top: 15px; 140 padding: 15px 15px; 141 background: #0D4C92; 142} 143.copyright { 144 text-align: center; 145 align-items: center; 146} 147.navMenu { 148 position: absolute; 149 top: 52px; 150 right: 0%; 151 -webkit-transform: translate(-50%, -50%); 152 transform: translate(-50%, -50%); 153} 154 155.navMenu a { 156 color: #000; 157 text-decoration: none; 158 font-size: 18px; 159 text-transform: none; 160 font-weight: 500; 161 /*display: inline-block;*/ 162 padding: 12px; 163 width: 150px; 164 -webkit-transition: all 0.2s ease-in-out; 165 transition: all 0.2s ease-in-out; 166} 167 168.navMenu a:hover { 169 color: #0d6efd; 170} 171.what-is-detector,.who-use { 172 background-image: linear-gradient(240deg, #A0E9E5 0%, #FAFDFE 50%, #f3f3f3 100%); 173 border-radius: 16px; 174 padding: 40px 30px; 175} 176.who-use {margin-top: 30px;} 177.why-us,.blog {padding:40px 0px;} 178.how-to-use {padding: 40px 30px} 179.why-us-3,.blog-3 { 180 display: flex; 181 flex-wrap: wrap; 182 margin-top: 30px; 183} 184 185.column1,.column2,.column3 { 186-webkit-box-flex: 1; 187 -ms-flex: 1; 188 flex: 1; 189 background-color: #fff; 190 border-radius: 16px; 191 display: block; 192 -webkit-box-orient: vertical; 193 -webkit-box-direction: normal; 194 -ms-flex-direction: column; 195 flex-direction: column; 196 padding: 40px 28px; 197 text-align: center; 198 box-shadow: 0 0px 16px 0 rgb(68 195 255 / 8%); 199} 200.column1:hover{ 201 --tw-translate-y: 0.25rem; 202 transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 203} 204.column1{margin: 0 10px 0 0} 205.column2{margin: 0 10px 0 10px} 206.column3{margin: 0 0 0 10px} 207.statistics { 208 display: grid; 209 grid-template-columns: repeat(2, 1fr); 210 grid-gap: 10px; 211} 212.column5f { 213 display: grid; 214 grid-template-rows: repeat(5, 1fr); 215 padding: 20px; 216} 217.column3f { 218 display: grid; 219 grid-template-rows: repeat(3, 1fr); 220 padding: 20px; 221} 222.column5f p,.column3f p { 223 margin: 5px; 224 text-align: left; 225} 226.badge { 227 float: right; 228 display: inline-block; 229 min-width: 10px; 230 padding: 3px 7px; 231 font-size: 12px; 232 font-weight: 700; 233 line-height: 1; 234 color: #fff; 235 text-align: center; 236 white-space: nowrap; 237 vertical-align: middle; 238 background-color: #777; 239 border-radius: 10px; 240} 241h3{font-size:20px} 242.faqs { 243 background-image: linear-gradient(240deg, #A0E9E5 0%, #FAFDFE 50%, #f3f3f3 100%); 244 border-radius: 16px; 245 padding: 40px 30px; 246} 247.button-89 { 248 --b: 3px; /* border thickness */ 249 --s: .45em; /* size of the corner */ 250 --color: #373B44; 251 252 padding: calc(.5em + var(--s)) calc(.9em + var(--s)); 253 color: var(--color); 254 --_p: var(--s); 255 background: 256 conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) 257 var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p)); 258 transition: .3s linear, color 0s, background-color 0s; 259 outline: var(--b) solid #0000; 260 outline-offset: .6em; 261 font-size: 16px; 262 border: 0; 263 user-select: none; 264 -webkit-user-select: none; 265 touch-action: manipulation; 266 margin: auto; 267 text-align: center; 268 display: block; 269 cursor: pointer; 270 width: 25%; 271} 272 273.button-89:hover, 274.button-89:focus-visible{ 275 --_p: 0px; 276 outline-color: var(--color); 277 outline-offset: .05em; 278} 279 280.button-89:active { 281 background: var(--color); 282 color: #fff; 283} 284.button-59 {border: 2px solid #000;} 285.button-60 {border: 2px solid #F94A29;} 286.button-59,.button-60 { 287 align-items: center; 288 background-color: #fff; 289 border-radius: 5px; 290 box-sizing: border-box; 291 color: #000; 292 cursor: pointer; 293 display: inline-flex; 294 fill: #000; 295 font-size: 16px; 296 font-weight: 500; 297 height: 48px; 298 justify-content: center; 299 letter-spacing: -.8px; 300 line-height: 24px; 301 min-width: 140px; 302 outline: 0; 303 padding: 0 17px; 304 text-align: center; 305 text-decoration: none; 306 transition: all .3s; 307 user-select: none; 308 -webkit-user-select: none; 309 touch-action: manipulation; 310 margin: auto; 311 display: block; 312 margin-top: 20px; 313} 314.button-59:focus,.button-60:focus { 315 color: #171e29; 316} 317 318.button-59:hover,.button-60:hover { 319 border-color: #06f; 320 color: #06f; 321 fill: #06f; 322} 323.button-59:active,.button-60:active { 324 border-color: #06f; 325 color: #06f; 326 fill: #06f; 327} 328.button-2 { 329 background-color: rgba(51, 51, 51, 0.05); 330 border-radius: 8px; 331 border-width: 0; 332 color: #333333; 333 cursor: pointer; 334 display: inline-block; 335 font-size: 14px; 336 font-weight: 500; 337 line-height: 20px; 338 list-style: none; 339 margin: 0; 340 padding: 10px 12px; 341 text-align: center; 342 transition: all 200ms; 343 vertical-align: baseline; 344 white-space: nowrap; 345 user-select: none; 346 -webkit-user-select: none; 347 touch-action: manipulation; 348} 349.prediction-box { 350 display: flex; 351 align-items: center; 352 justify-content: center; 353 background-color: rgba(51, 51, 51, 0.05); 354 height: 30px; 355 width: 68%; 356 position: relative; 357 margin: auto; 358} 359.prediction-bar { 360 position: absolute; 361 z-index:0; 362 height: 100%; 363 width: 50px; 364 background-color: #FEFF86; 365 animation: prediction-bar-animation 2.5s ease-in-out infinite; 366} 367.prediction-text { 368 font-size: 16px; 369 font-weight: bold; 370 z-index:1; 371 letter-spacing: 5px; 372} 373@keyframes prediction-bar-animation { 374 0% { 375 left: 0; 376 } 377 50% { 378 left: calc(100% - 20px); 379 } 380 100% { 381 left: 0; 382 } 383} 384#results { 385 text-align: center; 386 font-size: 24px; 387 margin-top: 20px; 388 font-weight: 600; 389} 390.button-30 { 391 align-items: center; 392 appearance: none; 393 background-color: #FCFCFD; 394 border-radius: 4px; 395 border-width: 0; 396 box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset; 397 box-sizing: border-box; 398 color: #146AE2;; 399 cursor: pointer; 400 display: inline-flex; 401 height: 48px; 402 justify-content: center; 403 line-height: 1; 404 list-style: none; 405 overflow: hidden; 406 padding-left: 16px; 407 padding-right: 16px; 408 position: relative; 409 text-align: left; 410 text-decoration: none; 411 transition: box-shadow .15s,transform .15s; 412 user-select: none; 413 -webkit-user-select: none; 414 touch-action: manipulation; 415 white-space: nowrap; 416 will-change: box-shadow,transform; 417 font-size: 16px; 418} 419.button-30:focus { 420 box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset; 421} 422.button-30:hover { 423 box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset; 424 transform: translateY(-2px); 425} 426.button-30:active { 427 box-shadow: #D6D6E7 0 3px 7px inset; 428 transform: translateY(2px); 429} 430.css-vubbuv { 431 -webkit-user-select: none; 432 -moz-user-select: none;
433 -ms-user-select: none; 434 user-select: none; 435 width: 1em; 436 height: 1em; 437 display: inline-block; 438 fill: currentColor; 439 -webkit-flex-shrink: 0; 440 -ms-flex-negative: 0; 441 flex-shrink: 0; 442 -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 443 transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 444 font-size: 1.5rem; 445} 446.button-9 { 447 appearance: button; 448 backface-visibility: hidden; 449 background-color: #405cf5; 450 border-radius: 6px; 451 border-width: 0; 452 box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset,rgba(50, 50, 93, .1) 0 2px 5px 0,rgba(0, 0, 0, .07) 0 1px 1px 0; 453 box-sizing: border-box; 454 color: #fff; 455 cursor: pointer; 456 font-family: -apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif; 457 font-size: 100%; 458 height: 44px; 459 line-height: 1.15; 460 margin: 12px 0 0; 461 outline: none; 462 overflow: hidden; 463 padding: 0 25px; 464 position: relative; 465 text-align: center; 466 text-transform: none; 467 transform: translateZ(0); 468 transition: all .2s,box-shadow .08s ease-in; 469 user-select: none; 470 -webkit-user-select: none; 471 touch-action: manipulation; 472 margin: auto; 473 width: 25%; 474} 475 476.button-9:disabled { 477 cursor: default; 478} 479 480.button-9:focus { 481 box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset, rgba(50, 50, 93, .2) 0 6px 15px 0, rgba(0, 0, 0, .1) 0 2px 2px 0, rgba(50, 151, 211, .3) 0 0 0 4px; 482} 483.button-29 { 484 align-items: center; 485 appearance: none; 486 background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%); 487 border: 0; 488 border-radius: 6px; 489 box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; 490 box-sizing: border-box; 491 color: #fff; 492 cursor: pointer; 493 display: inline-flex; 494 height: 48px; 495 justify-content: center; 496 line-height: 1; 497 list-style: none; 498 overflow: hidden; 499 padding-left: 16px; 500 padding-right: 16px; 501 position: relative; 502 text-align: left; 503 text-decoration: none; 504 transition: box-shadow .15s,transform .15s; 505 user-select: none; 506 -webkit-user-select: none; 507 touch-action: manipulation; 508 white-space: nowrap; 509 will-change: box-shadow,transform; 510 font-size: 18px; 511 margin: auto; 512 width: 25%; 513} 514 515.button-29:focus { 516 box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset; 517} 518 519.button-29:hover { 520 box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset; 521 transform: translateY(-2px); 522} 523 524.button-29:active { 525 box-shadow: #3c4fe0 0 3px 7px inset; 526 transform: translateY(2px); 527} 528.button-290 { 529 align-items: center; 530 appearance: none; 531 background-image: radial-gradient(100% 100% at 100% 0, #fff 0, #ccc 100%); 532 border: 0; 533 border-radius: 6px; 534 box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset; 535 box-sizing: border-box; 536 color: #fff; 537 cursor: pointer; 538 display: inline-flex; 539 height: 48px; 540 justify-content: center; 541 line-height: 1; 542 list-style: none; 543 overflow: hidden; 544 padding-left: 16px; 545 padding-right: 16px; 546 position: relative; 547 text-align: left; 548 text-decoration: none; 549 transition: box-shadow .15s,transform .15s; 550 user-select: none; 551 -webkit-user-select: none; 552 touch-action: manipulation; 553 white-space: nowrap; 554 will-change: box-shadow,transform; 555 font-size: 18px; 556 margin: auto; 557 width: 25%; 558 color: #000; 559} 560.button-290:hover { 561 box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #000 0 -3px 0 inset; 562 transform: translateY(-2px); 563} 564.button-290:active { 565 box-shadow: #000 0 3px 7px inset; 566 transform: translateY(2px); 567} 568.button-29:focus { 569 box-shadow: #000 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset; 570} 571.button-35 { 572 align-items: center; 573 appearance: none; 574 background-color: #FCFCFD; 575 border-radius: 4px; 576 border-width: 0; 577 box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset; 578 box-sizing: border-box; 579 color: #36395A; 580 cursor: pointer; 581 display: inline-flex; 582 height: 48px; 583 justify-content: center; 584 line-height: 1; 585 list-style: none; 586 overflow: hidden; 587 padding-left: 16px; 588 padding-right: 16px; 589 position: relative; 590 text-align: left; 591 text-decoration: none; 592 transition: box-shadow .15s,transform .15s; 593 user-select: none; 594 -webkit-user-select: none; 595 touch-action: manipulation; 596 white-space: nowrap; 597 will-change: box-shadow,transform; 598 font-size: 18px; 599 margin: auto; 600 width: 25%; 601} 602 603.button-35:focus { 604 box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset; 605} 606 607.button-35:hover { 608 box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset; 609 transform: translateY(-2px); 610} 611 612.button-35:active { 613 box-shadow: #D6D6E7 0 3px 7px inset; 614 transform: translateY(2px); 615} 616.PConly{text-align: center;} 617.blog img { 618 max-width: 100%; 619} 620.highlightResult { 621 -webkit-box-flex: 1; 622 -ms-flex: 1; 623 flex: 1; 624 background-color: #fff; 625 border-radius: 16px; 626 display: block; 627 -webkit-box-orient: vertical; 628 -webkit-box-direction: normal; 629 -ms-flex-direction: column; 630 flex-direction: column; 631 padding: 40px 28px; 632 /* text-align: center; */ 633 box-shadow: 0 0px 16px 0 rgb(68 195 255 / 8%); 634 font-size: 15px; 635} 636.highlightResult h3{font-size: 24px;} 637#chart-writing,#radar {text-align: center;border-radius: 16px; box-shadow: 0 0px 16px 0 rgb(68 195 255 / 8%); 638 font-size: 15px; margin-top: 20px; margin-bottom: 20px;} 639.text-bg-red { background-color: #FF8989; 640 display: inline;padding: 2px 0} 641.text-bg-orange { background-color: #FFC386; 642 display: inline;padding: 2px 0} 643.text-bg-yellow{ background-color: #F8E03E; 644 display: inline;padding: 2px 0} 645 .text-bg-green{ background-color: #D0F0C0; 646 display: inline;padding: 2px 0} 647 .text-bg-purple {background-color: rgb(207, 150, 179);display:inline;padding: 2px 0;} 648 .text-bg-blue{background-color: #98cfff;display:inline;padding: 2px 0;} 649[data-tooltip] { 650 position: relative; 651 } 652 [data-tooltip]::before, 653 [data-tooltip]::after { 654 opacity: 0; 655 visbility: hidden; 656 margin-top: -0.5em; 657 } 658 659 [data-tooltip]::before { 660 content: attr(data-tooltip); 661 display: block; 662 position: absolute; 663 top: -50px; 664 left: 50%; 665 margin-left: -4.75em; 666 width: 12em; 667 text-align: center; 668 border-radius: 4px; 669 background: black; 670 color: white; 671 font-size: 0.8em; 672 line-height: 1.1; 673 padding: 0.75em 0.95em; 674 font-size: 16px; 675 } 676 677 [data-tooltip]::after { 678 content: ""; 679 border: 10px solid transparent; 680 border-top-color: black; 681 position: absolute; 682 top: -3px; 683 left: 50%; 684 margin-left: -10px; 685 display: none; 686 } 687 688 [data-tooltip]:hover { 689 cursor: help; 690 } 691 692 [data-tooltip]:hover::before, 693 [data-tooltip]:hover::after { 694 opacity: 1; 695 visiblity: visible; 696 } 697 button.feedback {background: #e4e4e4;color: #1a1a1a;position: fixed;bottom: 0;right: 0; user-select: none; 698 vertical-align: middle;cursor: pointer;outline: 0; 699 border: 0;box-shadow: 1px 1px 3px rgba(0,0,0,.25); 700 margin: 0;justify-content: center; display: inline-flex;border-radius: 4px; padding: 10px 25px 8px; font-weight: 500; 701 font-size: 16px;font-family: "Roboto","Helvetica","Arial",sans-serif;line-height: 1.75; 702 letter-spacing: 0.02857em;} 703 #readabilityWrap { 704 margin-bottom: 40px; 705} 706.highlightResult p:nth-of-type(n+9) { 707 display: none; 708} 709.highlightFake { 710 margin-top: 30px; 711} 712.highlightResult h4{ 713 color:#000; 714 font-size:30px; 715 font-family: Axiforma,-apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;} 716.highlightResult a{color:#fb42ff;} 717.humanize{display: none;} 718.gg-arrow-down-o { 719 box-sizing: border-box; 720 position: relative; 721 display: block; 722 width: 22px; 723 height: 22px; 724 border: 2px solid; 725 transform: scale(var(--ggs,1)); 726 border-radius: 20px; 727 margin: auto; 728} 729 730.gg-arrow-down-o::after, 731.gg-arrow-down-o::before { 732 content: "";
733 display: block; 734 box-sizing: border-box; 735 position: absolute; 736 bottom: 4px 737} 738 739.gg-arrow-down-o::after { 740 width: 6px; 741 height: 6px; 742 border-bottom: 2px solid; 743 border-left: 2px solid; 744 transform: rotate(-45deg); 745 left: 6px 746} 747 748.gg-arrow-down-o::before { 749 width: 2px; 750 height: 10px; 751 left: 8px; 752 background: currentColor 753} 754#arrowDown { 755 display: inline; 756 justify-content: center; 757} 758 .line { 759 fill: none; 760 stroke: #d9d9d9; 761 stroke-width: 4; 762 vector-effect: non-scaling-stroke; 763 } 764 circle { 765 stroke: none; 766 } 767 .label { 768 font-size: 14px; 769 fill: black; 770 text-anchor: middle; 771 } 772 .mark-line { 773 stroke: #d9d9d9; 774 stroke-width: 1; 775 } 776 .label-read,.label-sim, .label-sat { 777 font-size: 14px; 778 fill: blue; /* Mà u mặc Äá»nh */ 779 text-anchor: middle; 780 } 781 .radarChart,.chartLine {padding: 20px 100px 20px;} 782 .columnFeature { 783 display: flex; 784 flex-wrap: wrap; 785 gap: 80px; 786 margin-top: 30px; 787 } 788.sentenceAnalysis_left { 789 flex: 1 0.5%; 790 padding: 10px 20px; 791 } 792.sentenceAnalysis_right{ 793 position: relative; 794 background: linear-gradient(240deg, #A0E9E5 0%, #FAFDFE 50%, #f3f3f3 100%); 795 padding: 10px; 796 border-radius: 10px; 797} 798code { 799 font-size: 16px; 800} 801.small-dot { 802 width: 24px; 803 height: 24px; 804 min-width: 24px; 805 box-shadow: 0 3px 1px -2px rgba(0,0,0,.2); 806} 807.mb-3 { 808 margin-bottom: 12px!important; 809} 810.d-flex { 811 display: flex!important; 812} 813.mr-6 { 814 margin-right: 24px!important; 815} 816.col { 817 flex-basis: 0; 818 flex-grow: 1; 819 max-width: 100%; 820} 821.buttonViewFull {display: none;} 822.breadcrumbs {margin-top: 40px;font-size: 14px;color: #6c757d;display: flex;list-style: none;padding-left: 0;} 823.breadcrumb-item {padding: 0 5px} 824.why-us .split-div { 825 margin: 5px; 826 flex: 1 0 21%; 827 background-color: #fff; 828 border-radius: 16px; 829 padding: 30px 20px; 830 text-align: center; 831 box-shadow: 0 0px 16px 0 rgb(68 195 255 / 8%); 832 -webkit-box-orient: vertical; 833 -webkit-box-direction: normal; 834 -ms-flex-direction: column; 835 flex-direction: column; 836} 837.flex-wrap { 838 display: flex; 839 margin-top: 20px; 840 text-align: center; 841 flex-wrap: wrap; 842} 843.footer .flex-wrap {margin-top:0px} 844.footer .split-div { 845 flex: 1 0 21%; 846 margin-top: 20px; 847 padding: 30px 20px; 848 text-align: center; 849 border-radius: 16px; 850} 851.mgt10 { 852 margin-top: 10px; 853} 854.icon-row { 855 display: flex; 856 align-items: center; 857 justify-content: center; 858} 859.icon { 860 margin: 0 10px; 861 background-color: #fff; 862 border-radius: 50%; 863 height: 50px; 864 width: 50px; 865} 866.footer h3 {color:#fff;} 867.mobilenavBar { 868 display: none; 869} 870@media only screen and (max-width: 600px) { 871 .column { 872 flex: 100%; 873 } 874 h2 {font-size: 20px;} 875} 876@media screen and (max-width: 767px) { 877 #container { 878 margin: 0 15px; 879 width: 92%; 880} 881h1{font-size: 22px} 882.navMenu { 883display: none; 884} 885#textbox {height: 250px;} 886.bar-prediction { 887 margin: 40px 0; 888} 889.faqs,.what-is-detector,.who-use,.how-to-use {padding: 20px 20px;margin-bottom: 20px;} 890.radarChart,.chartLine {padding: 20px 5px} 891#chart-writing {padding:0} 892.why-us {padding: 20px 0px;margin-bottom: 20px;} 893.h2 {font-size: 20px;} 894.button-59,.button-60 { 895 min-width: 170px; 896 padding: 0 5px; 897 } 898.column1,.column2,.column3 {margin: 0 0 10px 0;flex: none;width: 100%;} 899.button-29,.button-89,.button-290,.button-35 {width: 48%} 900.buttonViewFull .button-29 {width: 100%;} 901.feedback {display: none;} 902.highlightResult {padding: 20px 20px;} 903.sentenceAnalysis_right {width: 100%;} 904.columnFeature{gap: 0} 905#readabilityChecker{font-size: 15px;padding: 20px 20px 20px;} 906.split-div {flex: auto;} 907.mobilenavBar { 908 display: flex; 909 align-items: center; 910 justify-content: space-between; 911} 912.min_nav { 913 display: block; 914} 915.overlaybg { 916 height: 100%; 917 width: 0; 918 position: fixed; 919 z-index: 1; 920 top: 0; 921 left: 0; 922 background-color: #000; 923 background-color: #0D4C92; 924 overflow-x: hidden; 925 transition: .5s; 926} 927.overlaybg .closebtn { 928 position: absolute; 929 right: 5px; 930 font-size: 50px; 931 color: #fff; 932} 933.overlaybg-content { 934 position: relative; 935 top: 20%; 936 width: 100%; 937 text-align: center; 938} 939.overlaybg a { 940 padding: 10px; 941 margin: 10px; 942 text-decoration: none; 943 font-size: x-large; 944 color: #fff; 945 display: block; 946 transition: .3s; 947} 948.logo {display: none} 949} 950@media screen and (max-width: 820px) { 951.navMenu {top: 80px;} 952} 953</style> 954</head> 955<body onload="update_graph(null)"> 956<div id="container"> 957 <div class="header"><a class="logo" href="/"><span style="background:#0D4C92;color:#fff;margin-right:2px;padding:0 2px">Z</span><span style="background:#0D4C92;color:#fff;margin-right:2px;padding:0 3px">E</span><span style="background:#0D4C92;color:#fff;margin-right:2px;padding:0 2px">R</span><span style="background:#0D4C92;color:#fff">
957O</span><span style="color:#2b2d38;font-weight:400">GPT.cc</span></a> 958 <nav class="navMenu"> 959 <a href="/">Home</a> 960 <a href="/split-text/">Split Text</a> 961 <a href="/readability-checker/">Readability Check</a> 962</nav> 963 <nav class="mobilenavBar"> 964 <div> 965 <a href="/"> 966 <span style="background:#0D4C92;color:#fff;margin-right:2px;padding:0 2px">Z</span><span style="background:#0D4C92;color:#fff;margin-right:2px;padding:0 3px">E</span><span style="background:#0D4C92;color:#fff;margin-right:2px;padding:0 2px">R</span><span style="background:#0D4C92;color:#fff">O</span><span style="color:#2b2d38;font-weight:400">GPT.cc</span> 967 </a> 968 </div> 969 <div class="min_nav"> 970 <span class="openbtn" onclick="openmobileNav()" style="float: right;font-size: 38px;cursor: pointer;padding-bottom: 8px;">â°</span> 971 </div> 972 <div id="mymobileNav" class="overlaybg" style="width: 0%;"> 973 <span href="javascript:void(0)" class="closebtn" onclick="closemobileNav()">Ã</span> 974 <div class="overlaybg-content"> 975 <a href="/">AI Content Detector</a> 976 <a href="/split-text/">Split Text</a> 977 <a href="/readability-checker/">Readability Check</a> 978 </div> 979 </div> 980 </nav> 981 </div> 982 <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumbs"><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="/"><span itemprop="name">AI Content Detector</span></a><meta itemprop="position" content="1" /></li> / <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name">Readability Check</span><meta itemprop="position" content="2" /></li> </ol> 983 <h1 id="top">Readability Test</h1> 984 <p style="font-size:20px;text-align:center;">A fast and simple way to test the readability of your content.</p> 985 <!-- GAM 71161633/ZGPT_zerogptcc/home_incontent_1 --> 986 <div data-fuse="23019370675"></div> 987 <div class="content-example"> 988 <p style="font-size:18px;font-weight: 700;">Pre-fill with examples:</p> 989 <button class="button-2" role="button" onclick="insertHTML1()">HUMAN</button> 990 <button class="button-2" role="button" onclick="insertHTML5()">CHATGPT</button> 991 <button class="button-2" role="button" onclick="insertHTML4()">BARD</button> 992 <button class="button-2" role="button" onclick="insertHTML3()">HUMAN + AI</button> 993 </div> 994 <textarea id="textbox" placeholder="Enter text to check readability (max 1000 words for free)" oninput="countStatistics()"></textarea> 995 <p style="text-align: center;margin-top: -10px;font-size: 14px;"><a style="font-weight: 600;font-size:16px" href="/word-counter/" target="_blank">Word count</a>: <span id="word_count">0</span><span>/1000</span></p> 996 <p style="text-align: center;">Use <a style="font-weight: 700;" target="_blank" href="/split-text">Split Tool</a> for quick text separation (1000 words) if you don't want to do it manually.</p> 997 <span></span> 998 <div style="display: flex; justify-content: center; align-items: center; margin-bottom: 5px;"> 999 <button id="myButton" class="button-35" role="button" onclick="location.href='/readability-checker';">Clear Text</button> 1000 <button id="detect-button" class="button-29" role="button">Test Your Readability</button> 1001 </div> 1002 <div class="PConly"> 1003 <!-- GAM 71161633/ZGPT_zerogptcc/home_incontent_2 --> 1004 <div data-fuse="23019370678"></div> 1005 </div> 1006 <div class="bar-prediction"><table cellspacing="0" cellpadding="0"> 1007 <tr class="bar-row" style="vertical-align: bottom;"> 1008 <td style="text-align: left;font-weight: 600;">Easy to Read</td> 1009 <td id="message" style="text-align: center;"></td> 1010 <td style="text-align: right;font-weight: 600">Hard to Read</td> 1011 </tr> 1012 <tr class="bar-row"> 1013 <td id="fleschreadingScore" style="text-align: left; vertical-align: bottom;"></td> 1014 <td id="bar-container"><div id="bar" style="width: 50%;"></div></td> 1015 <td id="hard-to-read" style="text-align: right; vertical-align: bottom;"></td> 1016 </tr> 1017 </table> 1018<div id="results"></div> 1019<div id="arrowDown"></div> 1020</div> 1021<br> 1022 1023<div id="readabilityWrap"></div> 1024<div class="Pconly"> 1025<!-- GAM 71161633/ZGPT_zerogptcc/home_incontent_3 --> 1026<div data-fuse="23019370681"></div> 1027</div> 1028<h3 style="text-align:center;margin-top: 50px;">Text Statistics</h3> 1029 <div class="statistics"> 1030 <div class="column3f"> 1031 <p>Flesch Kincaid Grade<br><span style="font-size: 14px;font-style: italic;">(Try to aim for a grade level below 10)</span> <span class="badge" id="flesch_kincaid_grade">0</span></p> 1032 <p>Smog index<br><span style="font-size: 14px;font-style: italic;">(Try to aim for a grade level below 10)</span> <span class="badge" id="smog_index">0</span></p> 1033 <p>Coleman Liau Index<br><span style="font-size: 14px;font-style: italic;">(Try to aim for a grade level below 10)</span> <span class="badge" id="coleman_liau_index">0</span></p> 1034 </div> 1035 <div class="column3f"> 1036 <p>Automated Readability Index<br><span style="font-size: 14px;font-style: italic;">(Try to aim for a grade level below 10)</span> <span class="badge" id="automated_readability_index">0</span></p> 1037 <p>Dale Chall Readability Score<br><span style="font-size: 14px;font-style: italic;">Try to aim for a grade between (5 - 10) <span class="badge" id="dale_chall_readability_score">0</span></p> 1038 <p>Gunning Fog<br><span style="font-size: 14px;font-style: italic;">(Try to aim for a grade level below 10)</span> <span class="badge" id="gunning_fog">0</span></p> 1039 </div> 1040 </div> 1041 <div class="statistics"> 1042 <div class="column5f"> 1043 <p>Words count <span class="badge" id="word_count1">0</span></p> 1044 <p>Characters count <span class="badge" id="character_count">0</span></p> 1045 <p>Characters count (no spaces) <span class="badge" id="character_without_space_count">0</span></p> 1046 <p>Sentences count <span class="badge" id="sentence_count">0</span></p> 1047 <p>Paragraphs count <span class="badge" id="paragraph_count">0</span></p> 1048 </div> 1049 <div class="column5f"> 1050 <p>Longest sentence (words) <span class="badge" id="longest_sentence">0</span></p> 1051 <p>Avg. words per sentence <span class="badge" id="avg_sentence_words">0</span></p> 1052 <p>Avg. characters per sentence <span class="badge" id="avg_sentence_chars">0</span></p> 1053 <p>Avg. word length <span class="badge" id="avg_word_length">0</span></p> 1054 <p>Lines count <span class="badge" id="line_count">0</span></p> 1055 </div> 1056 </div> 1057 <div class="statistics"> 1058 <div class="column5f"> 1059 <p>Nouns count <span class="badge" id="nouns_count">0</span></p> 1060 <p>Adjectives count <span class="badge" id="adjectives_count">0</span></p> 1061 <p>Conjunctions count <span class="badge" id="conjunctions_count">0</span></p> 1062 <p>Determiners count <span class="badge" id="determiners_count">0</span></p> 1063 <p>Verbs count <span class="badge" id="verbs_count">0</span></p> 1064 </div> 1065 <div class="column5f"> 1066 <p>
1066Proper nouns count <span class="badge" id="proper_nouns_count">0</span></p> 1067 <p>Prepositions count <span class="badge" id="prepositions_count">0</span></p> 1068 <p>Pronouns count <span class="badge" id="pronouns_count">0</span></p> 1069 <p>Qualifiers count <span class="badge" id="qualifiers_count">0</span></p> 1070 <p>Interjections count <span class="badge" id="interjections_count">0</span></p> 1071 </div> 1072 </div> 1073<div id="radar"> 1074 </div> 1075<div id="chart-writing"> 1076</div> 1077<!--<div id="readabilityChecker"></div>--> 1078<h2 style="text-align: center;">Clearer Words, Stronger Impact! ZeroGPT Readability Checker<br>Your Path to Powerful Expression.</h2> 1079<div class="what-is-detector"> 1080<p>ZeroGPT proudly introduces its latest innovation, the ZeroGPT Readability Checker, transforming the way individuals approach written communication. Offering structural analysis, content checks, and enhancement of vocabulary, our readability checker not only shows readability scores but also distinguishes between human and AI-generated content.</p> 1081<p>It provides a user-friendly interface and swift calculations for those seeking efficiency and excellence in communication. We also incorporate a Radar Chart to provide insights into sentence simplicity, human predictability, and more.</p> 1082</div> 1083<!-- GAM 71161633/ZGPT_zerogptcc/home_incontent_4 --> 1084<div data-fuse="23019370684"></div> 1085<div class="why-us"> 1086<h2 style="text-align:center">Features of ZeroGPTâs Readability Checker</h2> 1087<p style="padding:0px 30px"><a href="/readability-checker">ZeroGPT's Readability Checker</a> is a comprehensive tool equipped with a range of features designed to empower users in assessing and enhancing the readability of their text.</p> 1088<div class="flex-wrap"> 1089 <div class="split-div"> 1090 <h3>Precise Readability Scores </h3> 1091 <p>In order to calculate accurate readability scores, our tool uses advanced algorithms such as Coleman Liau, Flesch Kincaid, and Gunning Fog. This ensures a nuanced evaluation of text clarity.</p> 1092 </div> 1093 <div class="split-div"> 1094 <h3>Structural Analysis</h3> 1095 <p>Providing valuable insights, the tool breaks down your text into key components, offering information on sentences, words, and characters. This structural analysis aids in identifying areas that may require attention for improved comprehension.</p> 1096 </div> 1097 <div class="split-div"> 1098 <h3>Content Check for Improvement</h3> 1099 <p>Our readability checker goes beyond numerical metrics, performing content checks for elements such as adverbs and passive voice. This feature assists users in refining the overall quality of their writing.</p> 1100 </div> 1101 <div class="split-div"> 1102 <h3>Grade Level Readability</h3> 1103 <p>Tailoring the analysis to different grade levels, our readability checker offers an understanding of the text's complexity. It ensures that content is relevant for the target audience, whether they are students, professionals or the general public</p> 1104 </div> 1105 <div class="split-div"> 1106 <h3>Enhancement of Vocabulary</h3> 1107 <p>This tool suggests simpler alternatives to complex words in order to make the text more accessible. This feature encourages users to enhance their vocabulary while ensuring their content resonates with diverse audiences.</p> 1108 </div> 1109 <div class="split-div"> 1110 <h3>Swift Calculation</h3> 1111 <p>Our readability checker stands out for its efficiency. Users benefit from fast calculations, allowing for a quick assessment of their text without unnecessary delays.</p> 1112 </div> 1113 <div class="split-div"> 1114 <h3>User-Friendly Interface</h3> 1115 <p>ZeroGPT prioritizes user experience with a straightforward interface. Our tool's ease of use ensures accessibility for individuals of varying technical proficiencies.</p> 1116 </div> 1117 <div class="split-div"> 1118 <h3>Free Service</h3> 1119 <p>In line with ZeroGPT's commitment to accessibility, our readability checker is offered as a completely free service. Users can harness its power without any financial constraints.</p> 1120 </div> 1121</div> 1122<div style="text-align: center;margin-bottom: 5px;"> 1123<button class="button-59" role="button" onclick="location.href='#top';">Try it free</button> 1124</div> 1125 1126</div> 1127<div class="who-use"> 1128 <h2>Why Use ZeroGPTâs Readability Checker?</h2> 1129 <p>ZeroGPT's readability checker serves as an indispensable companion for individuals across diverse domains, offering compelling reasons to incorporate it into their writing workflows.</p> 1130 <h3>Enhance Writing Skills</h3> 1131 <p>By providing constructive feedback and actionable tips, our readability checker becomes a valuable tool for users looking to refine and elevate their writing skills. The tool encourages continuous improvement in crafting compelling and engaging content. </p> 1132 <h3>Time Efficiency</h3> 1133 <p>By swiftly identifying areas of improvement, this readability checker saves users valuable time that would otherwise be spent on extensive editing. Its efficie
1133ncy streamlines the writing process, allowing for a more focused and productive approach.</p> 1134 <h3>Optimize Online Presence</h3> 1135 <p>For business owners and bloggers, our tool is a strategic ally in creating accessible and engaging content. Optimizing readability enhances online visibility, attracting a broader readership and fostering audience engagement.</p> 1136 <h3>Tailored for Different Audiences</h3> 1137 <p>Our readability checker can analyze grade-level readability, ensuring that content is personalized to the understanding of the target audiences. Whether addressing students, professionals, or a general readership, it aids in aligning content with all types of audience expectations.</p> 1138 1139</div> 1140<div class="how-to-use"> 1141 <h2>How to Easily Test your Readability with ZeroGPT?</h2> 1142 <p>You are just two simple steps away from testing your readability with the help of ZeroGPT. These steps are: </p> 1143<p style="font-weight: 700;">1. Copy and Paste Content</p> 1144<p>All you have to do is copy the text you want to analyze and paste it into the box on the website of ZeroGPT. </p> 1145<p style="font-weight: 700;">2. Click on Test Your Readability</p> 1146<p>After the copy and paste process, all you have to do is click on âTest Your Readabilityâ. You will instantly receive the results. </p> 1147</div> 1148 1149<div class="blog"> 1150<h2 style="text-align:center">Blog</h2> 1151<div class="blog-3"> 1152 1153 <div class="column1"> 1154 <a href="/blog/ai-autonomous-vehicles.html"> <h3>AI in the Development of Autonomous Vehicles </h3></a> 1155 <p><img alt="AI in the Development of Autonomous Vehicles" src="/static/images/best-ai-tools-250x179.jpeg"></img></p> 1156 </div> 1157 <div class="column2"> 1158 <a href="/blog/ai-replace-human.html"> <h3>Will AI Completely Replace Human Workers?</h3></a> 1159 <p><img alt="Will AI Completely Replace Human Workers?" src="/static/images/humanxai-250x179.jpeg"></img></p> 1160 </div> 1161 <div class="column3"> 1162 <a href="/blog/ai-support-content-creator.html"> <h3>10 Ways AI Can Support Your Content Creation</h3></a> 1163 <p><img alt="AI Can Support Your Content Creation" src="/static/images/aiwritter-250x179.jpeg"></img></p> 1164 </div> 1165</div> 1166</div> 1167 1168</div> 1169 1170 1171</div> 1172<div class="footer"> 1173 <div class="flex-wrap"> 1174 <div class="split-div"> 1175 <h3>ZeroGPT.cc</h3> 1176 <p>Copyright © 2025 ZeroGPT.cc <br>All Rights Reserved </p> 1177 <div class="icon-row"> 1178 <a class="icon" href="https://www.linkedin.com/company/zerogpt-cc/" target="_blank"><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48px" height="48px"><path d="M19,3H5C3.895,3,3,3.895,3,5v14c0,1.105,0.895,2,2,2h14c1.105,0,2-0.895,2-2V5C21,3.895,20.105,3,19,3z M9,17H6.477v-7H9 V17z M7.694,8.717c-0.771,0-1.286-0.514-1.286-1.2s0.514-1.2,1.371-1.2c0.771,0,1.286,0.514,1.286,1.2S8.551,8.717,7.694,8.717z M18,17h-2.442v-3.826c0-1.058-0.651-1.302-0.895-1.302s-1.058,0.163-1.058,1.302c0,0.163,0,3.826,0,3.826h-2.523v-7h2.523v0.977 C13.93,10.407,14.581,10,15.802,10C17.023,10,18,10.977,18,13.174V17z"></path></svg></a> 1179 <a class="icon" href="https://twitter.com/zeroGPTcc" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="48px" height="48px"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a> 1180 <a class="icon" href="#"><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48px" height="48px"><path d="M12,2C6.477,2,2,6.477,2,12c0,5.013,3.693,9.153,8.505,9.876V14.65H8.031v-2.629h2.474v-1.749 c0-2.896,1.411-4.167,3.818-4.167c1.153,0,1.762,0.085,2.051,0.124v2.294h-1.642c-1.022,0-1.379,0.969-1.379,2.061v1.437h2.995 l-0.406,2.629h-2.588v7.247C18.235,21.236,22,17.062,22,12C22,6.477,17.523,2,12,2z"></path></svg></a> 1181 <a class="icon" href="https://www.pinterest.com/zerogptcc/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="48px" height="48px"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path></svg></a> 1182 </div> 1183 </div> 1184 <div class="split-div"> 1185 <h3>About Us</h3> 1186 <div class="mgt10"> <a href="/privacy-policy">Privacy Policy </a></div> 1187 <div class="mgt10"> <a href="/terms-of-use">Terms of Use </a></div> 1188 <div class="mgt10"> <a href="/cookie-policy">Cookie Policy</a></div> 1189 </div> 1190 <div class="split-div"> 1191 <h3>Features</h3> 1192 <div class="mgt10"> <a href="/">AI Detector</a></div> 1193 <div class="mgt10"> <a href="/readability-checker/">Readability Check</a></div> 1194 <div class="mgt10"> <a href="/word-counter/">Word Counter</a></div> 1195 <div class="mgt10"><a href="/split-text/">Split Text</a></div> 1196 </div> 1197 <div class="split-div"> 1198 <h3>Contact Us</h3> 1199 <p>You can email us at <br> [email protected] or</p> 1200 <div class="mgt10"><a href="/contact-us">Contact Us</a></div> 1201 </div> 1202 </div> 1203</div>
1204<script> 1205let textbox = document.getElementById('textbox'); 1206let last_submit = null; 1207 1208let flesch_reading = document.getElementById('fleschreadingScore'); 1209let hardtoreadPercentage = document.getElementById('hard-to-read'); 1210let bar = document.getElementById('bar'); 1211let barContainer = document.getElementById('bar-container'); 1212let message = document.getElementById('message'); 1213const chartwritingDiv = document.getElementById("chart-writing"); 1214const chartradarDiv = document.getElementById("radar"); 1215const readabilitycheckerDiv = document.getElementById("readabilityChecker"); 1216 1217function countWords(text) { 1218 if (typeof text !== 'undefined') { 1219 text = text.trim(); 1220 if (!text) { 1221 return 0; 1222 } 1223 const words = text.split(/\s+/); 1224 return words.length; 1225 } 1226 return 0; 1227}; 1228function update_graph(result) { 1229 return new Promise((resolve, reject) => { 1230 1231 var textarea = document.getElementById('textbox'); 1232 const chartradarContent=`<div class="radarChart"><h3 style="font-size:24px">Writing Analysis</h3><canvas id="radarChart" width="400" height="400"></canvas><p style="font-weight:500">These measurements have been normalized on a scale of 1â100 for display on this chart.</p></div>`;
1233 const chartwritingContent = ` 1234 <div class="chartLine"> 1235 <div id="readability-info"> 1236 <h3 id="readability-score"></h3> 1237 <p>Shorter words and sentences with fewer syllables tend to have higher readability scores.</p> 1238 <svg width="380" height="200" id="readability-chart"></svg> 1239 </div> 1240 <div id="sat-info"> 1241 <h3 id="percentsat-score"></h3> 1242 <p>This metric measures the percentage of words that are SAT words, which are terms from a standardized college admissions exam known for its labyrinthine vocabulary lists.</p> 1243 <svg width="380" height="200" id="sat-chart"></svg> 1244 </div> 1245 <div id="simplicity-info"> 1246 <h3 id="simplicity-score"></h3> 1247 <p>This metric measures the percentage of words that are among the 100 most frequently used words in the English language.</p> 1248 <svg width="380" height="200" id="simplicity-chart"></svg> 1249 </div> 1250 <div id="sentence_length"> 1251 <h3 id="sentence-length-avg"></h3> 1252 <p>The average sentence length measures the number of words in a sentence and is used to assess readability. The ideal sentence length varies by genre and audience. Long sentences exhaust readers, while short sentences create a choppy reading experience.</p> 1253 <svg width="380" height="200" id="sentence-chart"></svg> 1254 </div> 1255 </div> 1256`; 1257 if (result === null || textarea.value.trim().length === 0) { 1258 flesch_reading.innerHTML = ''; 1259 // hardtoreadPercentage.innerHTML = 'N/A'; 1260 bar.style.width = ''; 1261 bar.style.backgroundColor = 'none'; 1262 barContainer.style.background = 'none'; 1263 message.innerHTML = '<b>Just within seconds using ZeroGPT.cc to know if any of text is written by AI</b>'; 1264 } else { 1265 let percentage = result.real_probability; 1266 let readability = result.readability; 1267 let percentage_sat = result.percentage_sat; 1268 let percentage_common = result.percentage_common; 1269 let sentence_length =result.sentence_length; 1270 let readabilitycheckerContent = result.readability_text; 1271 let flesch_kincaid_grade = result.flesch_kincaid_grade; 1272 document.getElementById("flesch_kincaid_grade").textContent = flesch_kincaid_grade; 1273 let smog_index = result.smog_index; 1274 document.getElementById("smog_index").textContent = smog_index; 1275 let coleman_liau_index = result.coleman_liau_index; 1276 document.getElementById("coleman_liau_index").textContent = coleman_liau_index; 1277 let automated_readability_index = result.automated_readability_index; 1278 document.getElementById("automated_readability_index").textContent = automated_readability_index; 1279 let dale_chall_readability_score = result.dale_chall_readability_score; 1280 document.getElementById("dale_chall_readability_score").textContent = dale_chall_readability_score; 1281 let gunning_fog = result.gunning_fog; 1282 document.getElementById("gunning_fog").textContent = gunning_fog; 1283 let nouns_count = result.nouns_count; 1284 document.getElementById("nouns_count").textContent = nouns_count; 1285 let adjectives_count = result.adjectives_count; 1286 document.getElementById("adjectives_count").textContent = adjectives_count; 1287 let conjunctions_count = result.conjunctions_count; 1288 document.getElementById("conjunctions_count").textContent = conjunctions_count; 1289 let determiners_count = result.determiners_count; 1290 document.getElementById("determiners_count").textContent = determiners_count; 1291 let interjections_count = result.interjections_count; 1292 document.getElementById("interjections_count").textContent = interjections_count; 1293 let proper_nouns_count = result.proper_nouns_count; 1294 document.getElementById("proper_nouns_count").textContent = proper_nouns_count; 1295 let prepositions_count = result.prepositions_count; 1296 document.getElementById("prepositions_count").textContent = prepositions_count; 1297 let pronouns_count = result.pronouns_count; 1298 document.getElementById("pronouns_count").textContent = pronouns_count; 1299 let qualifiers_count = result.qualifiers_count; 1300 document.getElementById("qualifiers_count").textContent = qualifiers_count; 1301 let verbs_count = result.verbs_count; 1302 document.getElementById("verbs_count").textContent = verbs_count; 1303 flesch_reading.innerHTML = (readability).toFixed(1); 1304 // hardtoreadPercentage.innerHTML = (121.22 - readability).toFixed(1); 1305 bar.style.width = (readability/121.22*100).toFixed(1) + '%'; 1306 const inputText = document.getElementById('textbox').value; 1307 const wordCount = countWords(inputText); 1308 const aiPercentage = (100 - readability/121.22*100).toFixed(1); 1309 if (result.used_tokens === result.all_tokens) { 1310 message.innerHTML = `Calculated based upon <span style="font-weight:700;color:#00235B">${wordCount} words</span>`;
1311 } else { 1312 message.innerHTML = `Predicted based upon <span style="font-weight:700;color:#00235B">${wordCount} words</span>`; 1313 } 1314 var resultDiv = document.getElementById("results"); 1315 var resultArrow = document.getElementById("arrowDown"); 1316 if (readability >= 90) { 1317 resultDiv.innerHTML = `<p style="color:#06f">Very Easy to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1318 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1319 } else if (readability < 90 && readability >= 80) { 1320 resultDiv.innerHTML = `<p style="color:#06f">Easy to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1321 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1322 } else if (readability < 80 && readability >= 70) { 1323 resultDiv.innerHTML = `<p style="color:#06f">Fairly Easy to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1324 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1325 } else if (readability < 70 && readability >= 60) { 1326 resultDiv.innerHTML = `<p style="color:#06f">Standard to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1327 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1328 } else if (readability < 60 && readability >= 50) { 1329 resultDiv.innerHTML = `<p>Fairly Difficult to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1330 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1331 } else if (readability < 50 && readability >= 30) { 1332 resultDiv.innerHTML = `<p style="color:#f94a29"> Difficult to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1333 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1334 } else { 1335 resultDiv.innerHTML = `<p style="color:#f94a29"> Very Confusing to read!</span></p><p style="font-size:16px"><span style="color:#000">~68% of the top results in Google had a Readability score between (35 - 80)</p>`; 1336 resultArrow.innerHTML = `<button class="button-60" role="button" onclick="location.href='#readabilityWrap';">View Deep Analysis (sentence-by-sentence highlight)</button><p><i class="gg-arrow-down-o"></i></p> `; 1337 } 1338 bar.style.backgroundColor = '#06f'; 1339 barContainer.style.background = 'linear-gradient(92.83deg, #ff7426 0, #f93a13 100%)'; 1340 // Get the <div> element by its ID 1341 var contentDiv = document.getElementById("readabilityWrap"); 1342 1343 // Set the HTML content of the <div> element 1344 contentDiv.innerHTML = result.readability_text; 1345 //start chart
1346 chartwritingDiv.innerHTML = chartwritingContent; 1347 chartradarDiv.innerHTML = chartradarContent; 1348 if (dale_chall_readability_score <= 10) { 1349 document.getElementById("dale_chall_readability_score").style.backgroundColor = 'rgb(120, 192, 131)'; 1350 } else { 1351 document.getElementById("dale_chall_readability_score").style.backgroundColor = '#f94a29'; 1352 } 1353 if (flesch_kincaid_grade <=10) { 1354 document.getElementById("flesch_kincaid_grade").style.backgroundColor = 'rgb(120, 192, 131)'; 1355 1356 } else { 1357 1358 document.getElementById("flesch_kincaid_grade").style.backgroundColor = '#f94a29'; 1359 1360 } 1361 if (coleman_liau_index<=10) { 1362 1363 document.getElementById("coleman_liau_index").style.backgroundColor = 'rgb(120, 192, 131)'; 1364 } else { 1365 1366 document.getElementById("coleman_liau_index").style.backgroundColor = '#f94a29'; 1367 } 1368 if (automated_readability_index<=10) { 1369 1370 document.getElementById("automated_readability_index").style.backgroundColor = 'rgb(120, 192, 131)'; 1371 } else { 1372 1373 document.getElementById("automated_readability_index").style.backgroundColor = '#f94a29'; 1374 } 1375 if (gunning_fog<=10) { 1376 1377 document.getElementById("gunning_fog").style.backgroundColor = 'rgb(120, 192, 131)'; 1378 } else { 1379 1380 document.getElementById("gunning_fog").style.backgroundColor = '#f94a29'; 1381 } 1382 if (smog_index<=10) { 1383 1384 document.getElementById("smog_index").style.backgroundColor = 'rgb(120, 192, 131)'; 1385 } else { 1386 1387 document.getElementById("smog_index").style.backgroundColor = '#f94a29'; 1388 } 1389 1390 1391 // readabilitycheckerDiv.innerHTML = readabilitycheckerContent; 1392 var readabilityDiv = document.getElementById("readability-score"); 1393 var percentagesatDiv = document.getElementById("percentsat-score"); 1394 var percentagesimpDiv = document.getElementById("simplicity-score"); 1395 var sentencelengthDiv = document.getElementById("sentence-length-avg"); 1396 1397 1398 const svgRead = d3.select('#readability-chart'); 1399 const svgSat = d3.select('#sat-chart'); 1400 const svgSim = d3.select('#simplicity-chart'); 1401 const svgSen = d3.select('#sentence-chart'); 1402 1403 // readability 1404 const xScaleRead = d3.scaleLinear() 1405 .domain([0, 100]) 1406 .range([20, 360]); 1407 1408 const yScaleRead = d3.scaleLinear() 1409 .domain([0, 1]) 1410 .range([180, 20]); 1411 1412 const lineRead = d3.line() 1413 .x(d => xScaleRead(d.readability)) 1414 .y(d => yScaleRead(0.5)); 1415 1416 // line 1417 svgRead.append('path') 1418 .datum([{ readability: 0 }, { readability: 100 }]) 1419 .attr('class', 'line') 1420 .attr('d', lineRead); 1421 1422 // y label 1423 const labelsRead = [ 1424 { value: 0, text: '0' }, 1425 { value: 35, text: '35' }, 1426 { value: 80, text: '80' }, 1427 { value: 100, text: '100' } 1428 ]; 1429 1430 labelsRead.forEach(label => { 1431 // 1432 svgRead.append('text') 1433 .attr('class', 'label') 1434 .attr('x', xScaleRead(label.value)) 1435 .attr('y', yScaleRead(0.5) + 20) 1436 .text(label.text); 1437 1438 // 1439 svgRead.append('line') 1440 .attr('class', 'mark-line') 1441 .attr('x1', xScaleRead(label.value)) 1442 .attr('y1', yScaleRead(0.5)) 1443 .attr('x2', xScaleRead(label.value)) 1444 .attr('y2', yScaleRead(0.5) + 10); 1445 }); 1446 1447 // "Low", "Medium", "High" 1448 svgRead.append('text') 1449 .attr('class', 'label') 1450 .attr('x', xScaleRead(17.5)) 1451 .attr('y', yScaleRead(0.5) - 20) 1452 .text('Low') 1453 .attr('text-anchor', 'middle'); 1454 1455 svgRead.append('text') 1456 .attr('class', 'label') 1457 .attr('x', xScaleRead(57.5)) 1458 .attr('y', yScaleRead(0.5) - 20) 1459 .text('Medium') 1460 .attr('text-anchor', 'middle'); 1461 1462 svgRead.append('text') 1463 .attr('class', 'label') 1464 .attr('x', xScaleRead(90)) 1465 .attr('y', yScaleRead(0.5) - 20) 1466 .text('High') 1467 .attr('text-anchor', 'middle'); 1468 1469 // Label Readability 1470 svgRead.append('text') 1471 .attr('class', 'label-read') 1472 .attr('x', xScaleRead(readability)) 1473 .attr('y', yScaleRead(0.5) - 30) 1474 .text(`${readability.toFixed(1)}`) 1475 .attr('text-anchor', 'middle'); 1476 1477 // circle Readability 1478 const circleRead = svgRead.append('circle') 1479 .attr('cx', xScaleRead(readability)) 1480 .attr('cy', yScaleRead(0.5)) 1481 .attr('r', 5) 1482 .attr('fill', readability < 35 ? '#F94A29' : readability < 80 ? '#06f' : '#00b35e'); 1483 1484 1485 // SAT 1486 const xScaleSat = d3.scaleLinear() 1487 .domain([0, 5]) 1488 .range([20, 360]); 1489 1490 const yScaleSat = d3.scaleLinear() 1491 .domain([0, 1]) 1492 .range([180, 20]); 1493 1494 const lineSat = d3.line() 1495 .x(d => xScaleSat(d.percentage_sat)) 1496 .y(d => yScaleSat(0.5)); 1497 1498 1499 svgSat.append('path') 1500 .datum([{ percentage_sat: 0 }, { percentage_sat: 5 }]) 1501 .attr('class', 'line') 1502 .attr('d', lineSat); 1503 1504 1505 const labelsSat = [ 1506 { value: 0, text: '0' }, 1507 { value: 2, text: '2%' }, 1508 { value: 4, text: '4%' }, 1509 { value: 5, text: '5%' } 1510 ]; 1511 1512 labelsSat.forEach(label => { 1513 1514 svgSat.append('text') 1515 .attr('class', 'label') 1516 .attr('x', xScaleSat(label.value)) 1517 .attr('y', yScaleSat(0.5) + 20) 1518 .text(label.text); 1519 1520 svgSat.append('line') 1521 .attr('class', 'mark-line') 1522 .attr('x1', xScaleSat(label.value)) 1523 .attr('y1', yScaleSat(0.5)) 1524 .attr('x2', xScaleSat(label.value)) 1525 .attr('y2', yScaleSat(0.5) + 10); 1526 }); 1527 1528 1529 svgSat.append('text') 1530 .attr('class', 'label')
1531 .attr('x', (xScaleSat(0) + xScaleSat(2)) / 2) 1532 .attr('y', yScaleSat(0.5) - 20) 1533 .text('Low') 1534 .attr('text-anchor', 'middle'); 1535 1536 svgSat.append('text') 1537 .attr('class', 'label') 1538 .attr('x', (xScaleSat(2) + xScaleSat(4)) / 2) 1539 .attr('y', yScaleSat(0.5) - 20) 1540 .text('Medium') 1541 .attr('text-anchor', 'middle'); 1542 1543 svgSat.append('text') 1544 .attr('class', 'label') 1545 .attr('x', (xScaleSat(4) + xScaleSat(5)) / 2) 1546 .attr('y', yScaleSat(0.5) - 20) 1547 .text('High') 1548 .attr('text-anchor', 'middle'); 1549 1550 1551 1552 1553 svgSat.append('text') 1554 .attr('class', 'label-sat') 1555 .attr('x', xScaleSat(percentage_sat)) 1556 .attr('y', yScaleSat(0.5) - 30) 1557 .text(`${percentage_sat.toFixed(1)}`) 1558 .attr('text-anchor', 'middle'); 1559 1560 1561 // const circleSat = svgSat.append('circle') 1562 // .attr('cx', xScaleSat(percentage_sat)) 1563 // .attr('cy', yScaleSat(0.5)) 1564 // .attr('r', 5) 1565 // .attr('fill', percentage_sat < 2 ? '#F94A29' : percentage_sat < 4 ? '#06f' : '#00b35e'); 1566 1567 const circleSat = svgSat.append('circle') 1568 .attr('cx', xScaleSat(Math.min(percentage_sat, 5))) // Giá»i hạn giá trá» tại 5 nếu vượt quá 5% 1569 .attr('cy', yScaleSat(0.5)) 1570 .attr('r', 5) 1571 .attr('fill', percentage_sat > 5 ? '#00b35e' : (percentage_sat < 2 ? '#F94A29' : percentage_sat < 4 ? '#06f' : '#00b35e')); 1572 1573 1574 // Simplicity 1575 const xScaleSim = d3.scaleLinear() 1576 .domain([0, 100]) 1577 .range([20, 360]); 1578 1579 const yScaleSim = d3.scaleLinear() 1580 .domain([0, 1]) 1581 .range([180, 20]); 1582 1583 const lineSim = d3.line() 1584 .x(d => xScaleSim(d.percentage_common)) 1585 .y(d => yScaleSim(0.5)); 1586 1587 1588 svgSim.append('path') 1589 .datum([{ percentage_common: 0 }, { percentage_common: 100 }]) 1590 .attr('class', 'line') 1591 .attr('d', lineSim); 1592 1593 1594 const labelsSim = [ 1595 { value: 0, text: '0' }, 1596 { value: 35, text: '35' }, 1597 { value: 80, text: '80' }, 1598 { value: 100, text: '100' } 1599 ]; 1600 1601 labelsSim.forEach(label => { 1602 1603 svgSim.append('text') 1604 .attr('class', 'label') 1605 .attr('x', xScaleSim(label.value)) 1606 .attr('y', yScaleSim(0.5) + 20) 1607 .text(label.text); 1608 1609 1610 svgSim.append('line') 1611 .attr('class', 'mark-line') 1612 .attr('x1', xScaleSim(label.value)) 1613 .attr('y1', yScaleSim(0.5)) 1614 .attr('x2', xScaleSim(label.value)) 1615 .attr('y2', yScaleSim(0.5) + 10); 1616 }); 1617 1618 1619 svgSim.append('text') 1620 .attr('class', 'label') 1621 .attr('x', xScaleSim(17.5)) 1622 .attr('y', yScaleSim(0.5) - 20) 1623 .text('Low') 1624 .attr('text-anchor', 'middle'); 1625 1626 svgSim.append('text') 1627 .attr('class', 'label') 1628 .attr('x', xScaleSim(57.5)) 1629 .attr('y', yScaleSim(0.5) - 20) 1630 .text('Medium') 1631 .attr('text-anchor', 'middle'); 1632 1633 svgSim.append('text') 1634 .attr('class', 'label') 1635 .attr('x', xScaleSim(90)) 1636 .attr('y', yScaleSim(0.5) - 20) 1637 .text('High') 1638 .attr('text-anchor', 'middle'); 1639 1640 1641 svgSim.append('text') 1642 .attr('class', 'label-sim') 1643 .attr('x', xScaleSim(percentage_common)) 1644 .attr('y', yScaleSim(0.5) - 30) 1645 .text(`${percentage_common.toFixed(1)}`) 1646 .attr('text-anchor', 'middle'); 1647 1648 1649 const circleSim = svgSim.append('circle') 1650 .attr('cx', xScaleSim(percentage_common)) 1651 .attr('cy', yScaleSim(0.5)) 1652 .attr('r', 5) 1653 .attr('fill', percentage_common < 35 ? '#F94A29' : percentage_common < 80 ? '#06f' : '#00b35e'); 1654 1655 // Sentence 1656 const xScaleSen = d3.scaleLinear() 1657 .domain([0, 30]) 1658 .range([20, 360]); 1659 1660 const yScaleSen = d3.scaleLinear() 1661 .domain([0, 1]) 1662 .range([180, 20]); 1663 1664 const lineSen = d3.line() 1665 .x(d => xScaleSen(d.sentence_length)) 1666 .y(d => yScaleSen(0.5)); 1667 1668 1669 svgSen.append('path') 1670 .datum([{ sentence_length: 0 }, { sentence_length: 30 }]) 1671 .attr('class', 'line') 1672 .attr('d', lineSen); 1673 1674 1675 const labelsSen = [ 1676 { value: 0, text: '0' }, 1677 { value: 15, text: '15' }, 1678 { value: 25, text: '25' }, 1679 { value: 30, text: '30' } 1680 ]; 1681
1682 labelsSen.forEach(label => { 1683 1684 svgSen.append('text') 1685 .attr('class', 'label') 1686 .attr('x', xScaleSen(label.value)) 1687 .attr('y', yScaleSen(0.5) + 20) 1688 .text(label.text); 1689 1690 1691 svgSen.append('line') 1692 .attr('class', 'mark-line') 1693 .attr('x1', xScaleSen(label.value)) 1694 .attr('y1', yScaleSen(0.5)) 1695 .attr('x2', xScaleSen(label.value)) 1696 .attr('y2', yScaleSen(0.5) + 10); 1697 }); 1698 1699 1700 svgSen.append('text') 1701 .attr('class', 'label') 1702 .attr('x', (xScaleSen(0) + xScaleSen(15)) / 2) 1703 .attr('y', yScaleSen(0.5) - 20) 1704 .text('Low') 1705 .attr('text-anchor', 'middle'); 1706 1707 svgSen.append('text') 1708 .attr('class', 'label') 1709 .attr('x', (xScaleSen(15) + xScaleSen(25)) / 2) 1710 .attr('y', yScaleSen(0.5) - 20) 1711 .text('Medium') 1712 .attr('text-anchor', 'middle'); 1713 1714 svgSen.append('text') 1715 .attr('class', 'label') 1716 .attr('x', (xScaleSen(25) + xScaleSen(30)) / 2) 1717 .attr('y', yScaleSen(0.5) - 20) 1718 .text('High') 1719 .attr('text-anchor', 'middle'); 1720 1721 1722 svgSen.append('text') 1723 .attr('class', 'label-sen') 1724 .attr('x', xScaleSen(sentence_length)) 1725 .attr('y', yScaleSen(0.5) - 30) 1726 .text(`${sentence_length.toFixed(1)}`) 1727 .attr('text-anchor', 'middle'); 1728 1729 1730 const circleSen = svgSen.append('circle') 1731 .attr('cx', xScaleSen(sentence_length)) 1732 .attr('cy', yScaleSen(0.5)) 1733 .attr('r', 5) 1734 .attr('fill', sentence_length < 15 ? '#F94A29' : sentence_length < 25 ? '#06f' : '#00b35e'); 1735 1736const readNote = document.querySelector('.label-read'); 1737const satNote = document.querySelector('.label-sat'); 1738const simNote = document.querySelector('.label-sim'); 1739const senNote = document.querySelector('.label-sen'); 1740 1741function getColorBasedOnCondition(value, conditionType) { 1742 if (conditionType === 'readability') { 1743 if (value < 35) { 1744 return '#F94A29'; 1745 } else if (value < 80) { 1746 return '#06f'; 1747 } else { 1748 return '#00b35e'; 1749 } 1750 } else if (conditionType === 'percentage_sat') { 1751 if (value < 2) { 1752 return '#F94A29'; 1753 } else if (value < 4) { 1754 return '#06f'; 1755 } else { 1756 return '#00b35e'; 1757 } 1758 } else if (conditionType === 'percentage_common') { 1759 if (value < 35) { 1760 return '#F94A29'; 1761 } else if (value < 80) { 1762 return '#06f'; 1763 } else { 1764 return '#00b35e'; 1765 } 1766 }else if (conditionType === 'sentence_length') { 1767 if (value < 15) { 1768 return '#F94A29'; 1769 } else if (value < 25) { 1770 return '#06f'; 1771 } else { 1772 return '#00b35e'; 1773 } 1774 } 1775} 1776 1777 1778 1779readNote.style.fill = getColorBasedOnCondition(readability, 'readability'); 1780satNote.style.fill = getColorBasedOnCondition(percentage_sat, 'percentage_sat'); 1781simNote.style.fill = getColorBasedOnCondition(percentage_common, 'percentage_common'); 1782senNote.style.fill = getColorBasedOnCondition(sentence_length, 'sentence_length'); 1783readNote.style.color = getColorBasedOnCondition(readability, 'readability'); 1784satNote.style.color = getColorBasedOnCondition(percentage_sat, 'percentage_sat'); 1785simNote.style.color = getColorBasedOnCondition(percentage_common, 'percentage_common'); 1786senNote.style.color = getColorBasedOnCondition(sentence_length, 'sentence_length'); 1787 1788 1789readabilityDiv.innerHTML = `Readability: <span style="font-weight:700;color:${readNote.style.color}">${readability.toFixed(1)} </span>`; 1790percentagesatDiv.innerHTML = `Percent SAT: <span style="font-weight:700;color:${satNote.style.color}">${percentage_sat.toFixed(1)}% </span>`; 1791percentagesimpDiv.innerHTML = `Simplicity: <span style="font-weight:700;color:${simNote.style.color}">${percentage_common.toFixed(1)}% </span>`; 1792sentencelengthDiv.innerHTML = `Average Sentence Length: <span style="font-weight:700;color:${senNote.style.color}">${sentence_length.toFixed(1)} words </span>`; 1793 1794//radar chart 1795const percentageNormalized = (percentage * 100).toFixed(1); 1796const percentSatNormalized = (percentage_sat * 20).toFixed(1); 1797const avgSentenceLengthNormalized = (sentence_length * (100 / 30)).toFixed(1); 1798function drawRadarChart() { 1799 const radarData = { 1800 labels: ['Human Probability', 'Readability', 'Percent SAT', 'Simplicity', 'Avg Sentence Length'], 1801 datasets: [{ 1802 label: 'Data', 1803 data: [percentageNormalized, readability.toFixed(1), percentSatNormalized, percentage_common.toFixed(1), avgSentenceLengthNormalized], 1804 backgroundColor: 'rgba(54, 162, 235, 0.2)', 1805 borderColor: 'rgba(54, 162, 235, 1)', 1806 borderWidth: 1 1807 }] 1808 }; 1809 1810 const radarChartOptions = { 1811 scale: { 1812 angleLines: { display: true }, 1813 ticks: { 1814 suggestedMin: 0, 1815 suggestedMax: 100,
1816 stepSize: 10 1817 } 1818 } 1819 }; 1820 1821 const ctx = document.getElementById('radarChart').getContext('2d'); 1822 const myRadarChart = new Chart(ctx, { 1823 type: 'radar', 1824 data: radarData, 1825 options: radarChartOptions 1826 }); 1827} 1828 1829drawRadarChart(); 1830 1831 //end chart 1832 } 1833 resolve(); 1834 }); 1835}; 1836 1837var detectButton = document.getElementById('detect-button'); 1838detectButton.onclick = () => { 1839 if (last_submit) { 1840 clearTimeout(last_submit); 1841 } 1842 if (textbox.value.length === 0) { 1843 update_graph(null); 1844 return; 1845 } 1846 message.innerHTML = '<div class="prediction-box"><div class="prediction-bar"></div><div class="prediction-text">Calculating...</div></div>'; 1847 chartwritingDiv.innerHTML=''; 1848 chartradarDiv.innerHTML=''; 1849 flesch_reading.innerHTML = ''; 1850 hardtoreadPercentage.innerHTML = ''; 1851 last_submit = setTimeout(() => { 1852 let req = new XMLHttpRequest(); 1853 if (textbox.value.length === 0) { 1854 update_graph(null); 1855 return; 1856 } 1857 req.open('GET', '/?' + textbox.value, true); 1858 req.onreadystatechange = () => { 1859 if (req.readyState !== 4) return; 1860 if (req.status !== 200) throw new Error("HTTP status: " + req.status); 1861 let result = JSON.parse(req.responseText); 1862 update_graph(result); 1863 const redCount = document.querySelectorAll(".highlightResult .text-bg-red").length; 1864 const orangeCount = document.querySelectorAll(".highlightResult .text-bg-orange").length; 1865 const greenCount = document.querySelectorAll(".highlightResult .text-bg-green").length; 1866 const purpleCount = document.querySelectorAll(".highlightResult .text-bg-purple").length; 1867 const blueCount = document.querySelectorAll(".highlightResult .text-bg-blue").length; 1868 // Total P 1869 const totalPCount = redCount + orangeCount + blueCount + greenCount + purpleCount; 1870 // Result 1871 const resultText = ` 1872 <div class="col highlightWords"> 1873<h4 style="font-size:20px;text-align:center">Highlighting Color</h4> 1874<div class="d-flex"> 1875<div class="small-dot mr-6 mb-3" style="background: #FFC386;"></div> 1876<div class="tooltip" data-tooltip="Try to aim for less than 12% long sentences">Sentence is hard to read (over 20 syllables):<b> ${orangeCount}/${result.sentence_count} sentences (${(orangeCount/result.sentence_count*100).toFixed(2)} %)</b></div> 1877</div> 1878 1879<div class="d-flex"> 1880<div class="small-dot mr-6 mb-3" style="background: #FF8989;"></div> 1881<div class="tooltip" data-tooltip="Try to aim for less than 6% very long sentences">Sentence is very hard to read (over 30 syllables):<b> ${redCount}/${result.sentence_count} sentences (${(redCount/result.sentence_count*100).toFixed(2)} %)</b></div></div> 1882 1883<div class="d-flex"> 1884<div class="small-dot mr-6 mb-3" style="background: rgb(207, 150, 179);"></div> 1885<div class="tooltip" data-tooltip="Try to aim for less than 3% long words."> Word is over 13 characters. Consider using a different, shorter word: <b>${purpleCount}/${result.lexicon_count} words (${(purpleCount/result.lexicon_count*100).toFixed(2)} %)</b></div></div> 1886 1887<div class="d-flex"> 1888<div class="small-dot mr-6 mb-3" style="background: #D0F0C0;"></div> 1889<div class="tooltip" data-tooltip="Try to aim for less than 3% difficult words."> Word is over 4 syllables. Consider using a word with less syllables:<b> ${greenCount}/${result.lexicon_count} words (${(greenCount/result.lexicon_count*100).toFixed(2)} %)</b></div></div> 1890 1891<div class="d-flex"> 1892<div class="small-dot mr-6 mb-3" style="background: rgb(152, 207, 255);"></div> 1893<div class="tooltip" data-tooltip="Try to aim for less than 4% adverbs.">Adverb count. Try to use a more concise word: <b>${blueCount}/${result.lexicon_count} words (${(blueCount/result.lexicon_count*100).toFixed(2)} %)</b></div> 1894</div></div> 1895<div style="overflow-wrap: break-word;margin-top:5px"><b>Words from three syllables</b> ${result.words_three_syllables}</div> 1896<div class ="tooltip" data-tooltip="Try to aim for less than 10% passive voice" style="overflow-wrap: break-word;margin-top:5px"><b>Passive Voice: ${result.passive_sentence_count} sentences (${(result.passive_sentence_count/result.sentence_count*100).toFixed(2)} %) </b></div> 1897<div style="overflow-wrap: break-word;margin-top:10px">${result.passive_sentences}</div> 1898 `; 1899 // Show Result 1900 const totalSentenceDiv = document.getElementById("totalSentenceRead"); 1901 totalSentenceDiv.innerHTML = resultText; 1902 }; 1903 req.send(); 1904 }, 1000); 1905}; 1906window.addEventListener('DOMContentLoaded', () => { 1907 textbox.focus(); 1908}); 1909 1910</script>
vendor: 1 bytes, line 1910
1910
1911<script> 1912 const myTextarea = document.getElementById("textbox"); 1913 myTextarea.addEventListener("change", function() { 1914 const text = myTextarea.value; 1915 const newText = text.replace(/\n(?!\n)/g, " \n"); 1916 myTextarea.value = newText; 1917 }); 1918 </script>
1918 1919
1919<script> 1920 const clearBtn = document.querySelector('#detect-button'); 1921 const contentFake = document.querySelector('#readabilityWrap'); 1922 const results = document.querySelector('#results'); 1923 const arrowDown = document.querySelector('#arrowDown'); 1924 1925 clearBtn.addEventListener('click', () => { 1926 contentFake.innerHTML = ''; 1927 results.innerHTML = ''; 1928 arrowDown.innerHTML = ''; 1929 }); 1930 </script>
1930 1931
1931<script> 1932 var TxtType = function(el, toRotate, period) { 1933 this.toRotate = toRotate; 1934 this.el = el; 1935 this.loopNum = 0; 1936 this.period = parseInt(period, 10) || 2000; 1937 this.txt = ''; 1938 this.tick(); 1939 this.isDeleting = false; 1940 }; 1941 1942 TxtType.prototype.tick = function() { 1943 var i = this.loopNum % this.toRotate.length; 1944 var fullTxt = this.toRotate[i]; 1945 1946 if (this.isDeleting) { 1947 this.txt = fullTxt.substring(0, this.txt.length - 1); 1948 } else { 1949 this.txt = fullTxt.substring(0, this.txt.length + 1); 1950 } 1951 1952 this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; 1953 1954 var that = this; 1955 var delta = 200 - Math.random() * 100; 1956 1957 if (this.isDeleting) { delta /= 2; } 1958 1959 if (!this.isDeleting && this.txt === fullTxt) { 1960 delta = this.period; 1961 this.isDeleting = true; 1962 } else if (this.isDeleting && this.txt === '') { 1963 this.isDeleting = false; 1964 this.loopNum++; 1965 delta = 500; 1966 } 1967 1968 setTimeout(function() { 1969 that.tick(); 1970 }, delta); 1971 }; 1972 1973 window.onload = function() { 1974 var elements = document.getElementsByClassName('typewrite'); 1975 for (var i=0; i<elements.length; i++) { 1976 var toRotate = elements[i].getAttribute('data-type'); 1977 var period = elements[i].getAttribute('data-period'); 1978 if (toRotate) { 1979 new TxtType(elements[i], JSON.parse(toRotate), period); 1980 } 1981 } 1982 var css = document.createElement("style"); 1983 css.type = "text/css"; 1984 css.innerHTML = ".typewrite > .wrap { border-right: 0.1em solid #000}"; 1985 document.body.appendChild(css); 1986 }; 1987 function openmobileNav() { 1988 document.getElementById("mymobileNav").style.width = "100%"; 1989 } 1990 1991 function closemobileNav() { 1992 document.getElementById("mymobileNav").style.width = "0%"; 1993 } 1994 </script>
1994 1995
1995<script type="application/ld+json"> 1996 { 1997 "@context": "https://schema.org", 1998 "@type": "Organization", 1999 "description": "ZeroGPT.cc, Trusted & Free ChatGPT content checker tool provides a simple and accurate way to detect AI-generated text from ChatGPT, GPT-4, Bard, & Claude.", 2000 "url": "https://zerogpt.cc", 2001 "name": "ZeroGPT AI Detector", 2002 "alternateName": "ZeroGPT", 2003 "logo": "https://zerogpt.cc/static/images/zerogptico.png", 2004 "sameAs": [ 2005 "https://twitter.com/zeroGPTcc", 2006 "https://www.linkedin.com/in/zerogptcc", 2007 "https://github.com/zeroGPTcc" 2008 ] 2009 } 2010 </script>
2010 2011
2011<script src="/static/main.js"></script>
2011 2012
2012<script src="/static/zero.js"></script>
2012 2013
2013<script src="/static/d3.v7.min.js"></script>
2013 2014
2014<script src="/static/chart.js"></script>
2014 2015</body> 2016</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.