localStorageを削除してもう一度追加します

Question

英語とフランス語の2つの言語を持つWebサイトを作成しています。 2つの言語は2つのステップを持つフォームを提供します。私がしたいのは、ユーザが英語でlocalStorageをリフレッシュするときに、既に情報が入力されていなくても、フランス語のフォームから空のlocalStorage（キー値）をロードすることです。ユーザーが英語のときに同じことをしたいと思います。私はセッションを使用することができますが、誰かがブラウザを閉じるとリフレッシュしないことを知っています。

多分localStorage.removeItem（ ''）;助けることができます。

ありがとうございました。ここで

私のコードです：

<script type = "text/javascript" > window.onload = getData(); 

function storeData() { 
    var userEmail = document.querySelector("#UserName"); 
    var userPhoneNumber = document.querySelector("#PhoneNumber"); 
    var userName = document.querySelector("#FirstName"); 
    var userLastName = document.querySelector("#LastName"); 
    localStorage.setItem("mail", userEmail.value); 
    localStorage.setItem("phone", userPhoneNumber.value); 
    localStorage.setItem("name", userName.value); 
    localStorage.setItem("lastName", userLastName.value); 
} 

function getData() { 
    var userEmail = document.querySelector("#UserName"); 
    var userPhoneNumber = document.querySelector("#PhoneNumber"); 
    var userName = document.querySelector("#FirstName"); 
    var userLastName = document.querySelector("#LastName"); 
    userEmail.value = localStorage.getItem("mail"); 
    userPhoneNumber.value = localStorage.getItem("phone"); 
    userName.value = localStorage.getItem("name"); 
    userLastName.value = localStorage.getItem("lastName"); 
} </script> 

Answer 1

あなたはstoreDataでlocalStorageに保存し、それがgetData

function storeData() { 
    var userEmail = document.querySelector("#UserName"); 
    var userPhoneNumber = document.querySelector("#PhoneNumber"); 
    var userName = document.querySelector("#FirstName"); 
    var userLastName = document.querySelector("#LastName"); 
    localStorage.setItem("mail", userEmail.value); 
    localStorage.setItem("phone", userPhoneNumber.value); 
    localStorage.setItem("name", userName.value); 
    localStorage.setItem("lastName", userLastName.value); 
    localStorage.setItem("language", currentLanguage); 
} 

function getData() { 
    if (localStorage.getItem("language") == currentLanguage) { 
     var userEmail = document.querySelector("#UserName"); 
     var userPhoneNumber = document.querySelector("#PhoneNumber"); 
     var userName = document.querySelector("#FirstName"); 
     var userLastName = document.querySelector("#LastName"); 
     userEmail.value = localStorage.getItem("mail"); 
     userPhoneNumber.value = localStorage.getItem("phone"); 
     userName.value = localStorage.getItem("name"); 
     userLastName.value = localStorage.getItem("lastName"); 
    } 
}