PageSourceSearch

https://zerogpt.cc/readability-checker/

html zerogpt.cc collected 2026-10-07 08:47:03 UTC 75,269 bytes, 2,016 lines download raw bytes

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.