Solucionado
Até o momento notei que a linha é criada em tempo de execução e sempre é preciso criar ao se dar um refresh na página
Como fazer para inserir as linhas no index.html e deixá-la fixa?
Há alguma função no JavaScript que grave as linhas no arquivo index.html?
Olá Henrique, tudo bom?
Certo, com relação à sua pergunta, ela ficou um tanto vaga para esse caso.
Veja bem, geralmente estas informações dos pacientes não vem contidas no HTML, elas são buscadas e injetadas nele via Request (GET ou POST).
Tendo isto em mente, acredito que você queira adicionar estes novos pacientes e salva-los sem realizar uma conexão com um Banco de Dados que os armazene, ou seja, utilizando o próprio HTML como Banco de Dados.
Uma forma de solucionar o seu problema, é armazenando a página (realizando o Download dela), onde serão baixados teus arquivos e o .html da página. Ao abrir, teus dados injetados via javascript anteriormente terão sido armazenados ali.
Você também pode automatizar este processo, porém, o nível de complexidade aumenta. Lembre-se que o fluxo natural é Cliente-Servidor, então em raros casos (reais) você terá este problema, pois o armazenamento e resgate seria dado pelo Servidor.
Boa tarde.
Entendi a solução proposta, mas não é o que realmente eu gostaria.
A minha ideia é em vez de fazer o download da página gravar a linha no meu index.html e assim se eu fizer um refresh não perder o que digitei.
Seria apenas para uso pessoal, lógico que o ideal seria gravar em BD e recuperar.
É para usar em um computador off line, por exemplo.
Com javaScript não consigo escrever as tags "tr" e "td" logo que clicar em adicionar?
Não existe alguma função JavaScript que grave no arquivo html?
Att.
Henrique
Não, desconheço um código nativo em Javascript que realize este procedimento da forma na qual você deseja (sem um banco).
Ademais, você pode se utilizar destas APIs para trabalhar Client-Side de modo Offline. Veja:
https://localforage.github.io/localForage/ http://dexie.org/ https://github.com/erikolson186/zangodb https://pouchdb.com/ http://jsstore.net/
Para mais informações consulte:
https://code.tutsplus.com/tutorials/working-with-indexeddb--net-34673
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
É importante ressaltar que estas APIs funcionam como banco de dados.
No StackOverFlow existe um tópico sobre isso:
https://stackoverflow.com/questions/32176427/how-to-save-changes-in-html
Obrigado