Как сохранить данные в директории кеша браузера в html? - PullRequest
Новая
       21

Как сохранить данные в директории кеша браузера в html?

0 голосов

Проект: https://github.com/marcosnunes/storeData

Мне нужно опубликовать в {div id = "result"} {/ div} данные из формы и затем сохранить их в локальном кэшированном каталоге.Кто-нибудь поможет мне написать этот код?Я пытаюсь создать локальный сайт для загрузки в Android Hibrid App.

Форма: 

<body>

<div class="w3-container">
<div class="w3-card-4" style="width:100%">
<header class="w3-container w3-light-grey">
<h2><Div id="nameBox"></Div></h2>
</header>
<div class="w3-container">
<h2><div id="result"></div></h2>
</div>
</div>
</div>

<div class="w3-container">
<div class="row">
<div class="col-md-8">
<h3>Adicionar um Envelope e Saldo</h3>

<form name="contact-form" 
method="post" id="contact-form">
<div class="form-group">
<label for="inputName">Envelope</label>
<input type="text" 
class="form-control" id="cardName" name="cardName" placeholder="Envelope" 
required>
</div>

<div class="form-group">
<label for="inputValue">Valor</label>
<input type="number" class="form-control" id="Value" name="Value" 
placeholder="Valor" required>
</div>

<div class="form-group">
<label for="inputDescription">Descrição</label>
<input type="text" class="form-control" id="Description" 
name="Description" 
placeholder="Descrição" required>
</div>

<button onclick="store()" class="btn btn-primary" name="submit" 
value="Submit" 
id="submit_form">Adicionar</button>

</form> 
</div>
</div>
</div>

</body>
</html>

Мне нужно создать новый div на кнопке onclick ()

Java-код 

<script>

function store(){
    if (typeof(Storage) !== "undefined") {  
        var inputName = document.getElementById("cardName");
        sessionStorage.setItem("cardName", inputName.value);

        var inputValue = document.getElementById("Value");
        sessionStorage.setItem("Value", inputValue.value);

        var inputDescription = document.getElementById("Description");
        sessionStorage.setItem("Description", inputDescription.value);

        document.getElementById("result1").innerHTML = sessionStorage.getItem("cardName");
        document.getElementById("result2").innerHTML = sessionStorage.getItem("Value");
        document.getElementById("result3").innerHTML = sessionStorage.getItem("Description");

        } else {
        document.getElementById("result").innerHTML = "Ops! Alguma coisa deu errado...";
    }
}

1 Ответ

0 голосов

Я понял! Только что вставлено type = "button" на кнопке. 

<button onclick="store()" **type="button"** class="btn btn-primary" 
name="submit" value="Submit" 
id="submit_form">Adicionar</button>
...