├── README.md ├── script.js ├── style.css └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # n-gram-model 2 | fork this repository and give it a star⭐ 3 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | 2 | const phrase = document.getElementById('phrase'); 3 | const ngramValue = document.getElementById('ninput'); 4 | 5 | const calculate = () => { 6 | 7 | const text = phrase.value; 8 | 9 | const array = text.split(' '); 10 | 11 | const length = Number(ngramValue.value); 12 | 13 | let ngramsArray = []; 14 | 15 | for (var i = 0; i < array.length - (length - 1); i++) { 16 | var subNgramsArray = []; 17 | for (var j = 0; j < length; j++) { 18 | subNgramsArray.push(array[i + j]) 19 | } 20 | ngramsArray.push(subNgramsArray); 21 | } 22 | 23 | let string = JSON.stringify(ngramsArray, null, 6); 24 | 25 | document.getElementById('output').innerHTML = string; 26 | 27 | } -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * { 2 | font-family: "M PLUS Rounded 1c", Avenir Next, Helvetica, sans-serif; 3 | color: white; 4 | } 5 | 6 | body { 7 | background: #8990ec; 8 | } 9 | 10 | p{ 11 | margin-left: 350px; 12 | } 13 | 14 | .wrapper { 15 | height: 800px; 16 | width: 550px; 17 | color: white; 18 | background: #33324b; 19 | border-radius: 1rem; 20 | padding: 1.2rem; 21 | margin: 100px auto; 22 | } 23 | 24 | #topContainer { 25 | margin-top: 4rem; 26 | } 27 | 28 | .container { 29 | margin-top: 1.4rem; 30 | } 31 | 32 | .title { 33 | font-size: 22px; 34 | font-weight: bold; 35 | margin-bottom: 0.6rem; 36 | } 37 | 38 | .inputContainer { 39 | background: #353959; 40 | border-radius: 1.4rem; 41 | padding: 0 0.8rem; 42 | display: flex; 43 | align-items: center; 44 | } 45 | 46 | #phrase, 47 | #ninput { 48 | font-size: 1.2rem; 49 | background: none; 50 | border: none; 51 | outline: none; 52 | padding: 12px; 53 | } 54 | 55 | .totalContainer { 56 | margin-top: 20px; 57 | display: flex; 58 | flex-direction: column; 59 | align-items: flex-start; 60 | } 61 | 62 | .total { 63 | font-size: 1rem; 64 | } 65 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | n-gram-model 8 | 9 | 10 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |

21 | 22 |

-made by Mr. Ayush Soni

23 | 24 |

N Gram Calculator

25 | 26 | 27 |

28 |

Enter Text

29 |

30 | 31 |

32 |

33 | 34 |

35 |

Enter Number(1 for Unigram, 2 for Bigram ......)

36 |

37 | 38 |

39 |

40 | 41 |

42 |

Output

43 |

44 |

45 | 46 |

47 | 48 | 49 | 50 | 51 | 52 | --------------------------------------------------------------------------------