Как сбросить входное значение формы при изменении входного значения?

После того, как я отправлю форму с именем актера / актрисы, и в ней будут перечислены фильмы, если я захочу снова выполнить поиск, введя другое имя, при первом нажатии кнопки ВВОД будут возвращены те же фильмы, что и при первом поиске, и если я затем снова нажмите Enter с введенным новым именем, в нем перечислены фильмы этого актера / актрисы. Таким образом, в основном он перечисляет фильмы при каждой второй отправке (учитывая, что имя актера / актрисы изменилось). Это можно обойти? Я попытался добавить sessionStorage.clear() в функцию отправки формы, но это не сработало. Я также пробовал actor.value.clear(), но это очищает значение ввода формы и ничего не перечисляет. Любая помощь приветствуется, заранее большое спасибо. Вот код:

const form = document.getElementById("form");
form.addEventListener("submit", (e)=>{
    var actor = document.getElementById("actor").value;
    var byActor = document.getElementById("byActor");
    byActor.innerHTML = actor;
    discoverByActor(actor);
    moviesByActor();
    e.preventDefault();
})
function discoverByActor(actor){
    axios.get("https://api.themoviedb.org/3/search/person?api_key=<API_KEY>&language=en-US&query = "+actor+'&page=1&include_adult=false')
        .then((response)=>{
            let actorId = response.data.results[0].id;
            sessionStorage.setItem("theActorId", actorId);
        })
};
function moviesByActor(){
    let actorId = sessionStorage.getItem("theActorId");
    axios.get("https://api.themoviedb.org/3/discover/movie?api_key=<API_KEY>&language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false&page=1&with_people = "+actorId)
        .then((response)=>{
            console.info(response);
            let movies = response.data.results;
            let output = "";

            $.each(movies, (index, movie)=>{
                output +=`
                <div class = "card">
                        <img src = "http://image.tmdb.org/t/p/w300/${movie.poster_path}" onerror = "this.onerror=null;this.src='../images/image2.png';">
                        <h3>${movie.title}</h3>
                        <p>${movie.vote_average} <strong>IMDB Rating</strong></p>
                        <p>Release date: <strong>${movie.release_date}</strong></p>
                        <a onclick = "movieSelected('${movie.id}')" class = "btn" href = "#"> Movie Details </a>
                    </div>
                `
            })
            let moviesInfo = document.getElementById("movies");
            moviesInfo.innerHTML = output;
            //Display pages buttons.
            let pages = document.querySelector(".pages");
            pages.style.display = "flex";
            var actor = document.getElementById("actor");
        })
}