Manipulação de txt online html

Eu tenho um código js, que busca arquivo txt para leitura. Ele vem nesse formato: [item] | SNo | nome | vencimento | valor | Quitado? Preciso de 3 alterações: 1 - Permitir que isso fique na resolução de mobile (tablet e smartphone) 2 - Criar um design elegante, que não demonstre uma tela estática, e sim interativa (tons de azul com cinza é preferível). 3 - Permitir que no campo, "Quitado?" eu consiga marcar sim (pago) ou não (pago) e salvar isso no txt para futura leitura. E permitir que some a coluna de valores dando um total por exemplo. O código precisa ser em java script mesmo, mas segue um exemplo aqui de outra linguagem [login to view URL] VEJA NO MEU BLOG: A amostra está aqui [login to view URL] arquivo para testar o txt assim: ANEXO [item]|1255| Joao Carlos|25/01/2017| 236,25 | nao [item]|9253| Jose Carlos|29/11/2017| 136,25 | sim [item]|3257| marcos Tendoss|22/12/2017| 36,25 | nao TESTE NO SEU SMARTPHONE PARA VOCÊ VER COMO ELE ESTÁ COM MAL RESOLUÇÃO. _______________________________________________ I have a js code, which looks for txt file for reading. It comes in this format: [item] | SNo | name | maturity | value | Settled? I need 3 changes: 1 - Allow this to stay in mobile resolution (tablet and smartphone) 2 - Create an elegant design that does not demonstrate a static screen, but rather interactive (shades of blue with gray is preferable). 3 - Allow in the field, "Removed?" I can mark yes (paid) or not (paid) and save this in txt for future reading. And allow to add the column of values giving a total for example. The code needs to be in java script itself, but follow an example here from another language [login to view URL] SEE MY BLOG: The sample is here [login to view URL] file to test txt like this: ANEX [item] | Joao Carlos | 25/01/2017 | 236,25 | no [item] | 9253 | Jose Carlos | 29/11/2017 | 136,25 | Yes [item] | Frames Tendoss | 12/22/2017 | 36,25 | no TEST ON YOUR SMARTPHONE FOR YOU TO SEE HOW IT IS WITH EVIL RESOLUTION.