Как удалить части локального хранилища с помощью removeItem?

Я создаю веб-приложение, которое отслеживает массу людей. У меня есть одна страница, где массив хранится в локальном хранилище и отображается пользователю.

Страница im, работающая в настоящее время, вводит целевой вес пользователей и отображает их для них.

Первоначально я работал с localStorage.clear(), однако я заметил, что это также уничтожило мой массив на другой странице. Я пытаюсь использовать localStorage.RemoveItem, однако он просто удаляет кнопку ввода, а не данные.

Может ли кто-нибудь помочь мне в этом?

Это мой сценарий.

ОБНОВЛЕНИЕ *

function storeText(inputID) {

//Clears old target weight
//localStorage.clear(); 

//check to see if the localStorage item already exists
var userInput = localStorage.userInfo;

//set it up for new data to be appended
if(userInput!=null) userInput+=" ";
else userInput="";

//add the new data
userInput += document.getElementById(inputID).value;

//set the localStorage field with the updated data
localStorage.userInfo = userInput;




}

 function UpdateWeight(inputID){

    localStorage.userInfo = document.getElementById(inputID).value;

    document.getElementById("result").innerHTML = localStorage.userInfo;

}


</script>

вход

<input size="10" id="userText" type="text"/>            
        <input type="button" class="greyButton" value="submit" onclick= "UpdateWeight(inputID)"/>
        <div id="result">           
        Result here
        </div>