重构嵌套的事件监听器?

我进行了此类测验,涉及一系列问题,用户回答是或否。每次单击时,下一个问题将替换内部文本,根据答案,页面上用户的“头像”将移动一定距离。

现在,使它起作用的唯一方法是嵌套事件监听器并对其进行硬编码,但是我知道这不是最佳实践,并且一直在尝试重构它而没有任何运气。

任何人都有一个更好的主意如何实现这一目标?

const questions = [ "question1", "question2", "question3", "question4", "question 5"]
const text = document.querySelector('div.container')
const answer = document.querySelector("div.buttons")
const circle = document.querySelector("div.circle")

//questions will then begin
  
  const yesButton = document.querySelector("button.yes")
  const noButton = document.querySelector(".no")



answer.addEventListener('click', function(){
    if (event.target.value == 1){
        circle.style.transform = ("translate(20px")
    }
    text.innerHTML = questions[0];
   

    
    answer.addEventListener("click", function(){
        if (event.target.value == 1){
            
            circle.style.transform = ("translate(60px")
          
        }
        text.innerHTML = questions[1] 
        answer.addEventListener("click", function(){
            if (event.target.value == 1){
                circle.style.transform = ("translate(100px")
             
            }
            text.innerHTML = questions[2] 
            answer.addEventListener("click", function(){
                if (event.target.value == 1){
                    circle.style.transform = ("translate(140px")
                  
                }
                text.innerHTML = questions[3] 
                answer.addEventListener("click", function(){
                    if (event.target.value == 1){
                        circle.style.transform = ("translate(180px")
                        
                    }
                    text.innerHTML = questions[4] 
                    answer.addEventListener("click", function(){
                        if (event.target.value == 1){
                            circle.style.transform = ("translate(220px")
                      
                    }
                    
                
                })
                })
                                    
        })
    }) }) })