const imageArray = []
    let pageCount = Number(localStorage.getItem('pageCount') ?? 1)

    const onMovePageButtonClicked = (pageCount) => {
      localStorage.setItem('pageCount', pageCount)

      axios.get('https://api.fbi.gov/wanted/v1/list', {
        params: {
          page : pageCount,
        }
      })
      .then(response => {
        const nowPage = document.getElementById('nowPage')
        nowPage.textContent = `ページ:${pageCount}`
        const contentElement = document.getElementById('contents')
        contentElement.innerHTML = '';
        response.data.items.forEach((item, index) => {
          const box = document.createElement('div')

          const subject = document.createElement('p')
          subject.className = 'content_subject'
          subject.textContent = `状態:${getSubject(item.subjects[0])}`
          box.prepend(subject)

          const name = document.createElement('p')
          name.className = 'content_name'
          name.textContent = `名前:${item.title}`
          box.prepend(name)

          const img = document.createElement('img')
          img.className = 'content_image'
          img.src = item.images[0].original
          box.prepend(img)

          contentElement.prepend(box)
        })
      })
    }

    const movePage = (isNext) => {
      if (isNext) {
        onMovePageButtonClicked(pageCount += 1)
      } else {
        if (pageCount - 1 >= 1) {
          onMovePageButtonClicked(pageCount -= 1)
        }
      }
    }

    const getSubject = (englishSubject) => {
      switch (englishSubject) {
        case 'Kidnappings and Missing Persons':
          return '誘拐と行方不明者'
        case 'Seeking Information':
          return '情報を求める'
        case 'Criminal Enterprise Investigations':
          return '犯罪企業の捜査'
        case 'ViCAP Missing Persons':
          return '行方不明者'
        case "Cyber's Most Wanted":
          return 'サイバーの最重要指名手配'
        case 'White-Collar Crime':
          return '横領や収賄'
        case 'Counterintelligence':
          return '防諜'
        case 'ViCAP Unidentified Persons':
          return '身元不明者'
        case 'Additional Violent Crimes':
          return 'その他の暴力犯罪'
        case 'ViCAP Homicides and Sexual Assaults':
          return '殺人と性的暴行'
        case 'Kidnappins and Missing Persons':
          return '誘拐犯と行方不明者'
        case 'Violent Crime - Murders':
          return '暴力犯罪 - 殺人'
        case 'Seeking Information - Terrorism':
          return '情報を求める - テロリズム'
        default :
          return englishSubject
      }
    }

    window.onload = function() {
      onMovePageButtonClicked(pageCount)
    }