小编Rel*_*sic的帖子

我有以下片段，我通过多步骤表单接受详细信息。问题是目前它只接受文本输入字段。如您所见，问题数组包含以下问题类型：

1. 问题 1 与文本输入一样好，因为它可以接受名称。
2. 问题 2 应该是一个单选按钮，因为它会接受性别。
3. 问题 3 应该再次是文本输入字段，带有 DOB 的日期选择器，
4. 问题 4 应该是一个选择框，用于从列表中选择一个国家，最后，
5. 问题 5 应将输入类型作为复选框，以选中所有用户有兴趣查看的内容（男性、女性、其他）。

但是，由于我是 JavaScript 的新手，所以我坚持实现这一点。我该如何实施？

JavaScript 的相关部分是：

// load the next question
function putQuestion() {
  inputLabel.innerHTML = questions[position].question
  inputField.type = questions[position].type || 'text'
  inputField.value = questions[position].answer || ''
  inputField.focus()

  // set the progress of the background
  progress.style.width = position * 100 / questions.length + '%'
  previousButton.className = position ? 'ion-android-arrow-back' : 'ion-person'
  showCurrent()
}

完整的工作片段。

// load the next question
function putQuestion() {
  inputLabel.innerHTML …

我正在尝试在另一个函数中调用异步函数。但是，当我单击网络选项卡时，它不会创建任何发布请求。这里有什么问题？

var onComplete = function() {
  // CALLING THE ASYNC FUNCTION HERE ---> { NOT WORKING }
  updateProfile()
}

async function updateProfile(){
  var dataString = {
    name: questions[0].answer,
    gender: questions[1].answer,
    dob: questions[2].answer,
    country: questions[3].answer,
    interested: questions[4].answer,
  };
  let xhr = new XMLHttpRequest();
  xhr.open("POST", "processes/onboard.php", true);
  xhr.onload = ()=> {
    if(xhr.readyState === XMLHttpRequest.DONE) {
      if(xhr.status === 200) {
        // SUCCESS
      }
    }
  }
  let formData = new FormData(form);
  xhr.send(JSON.stringify(dataString));
}

我使用 ATOM 作为我的 IDE。每当我双击一个变量时，它只会选择变量名称并忽略$. 例如，如果我双击变量，$var它只会突出显示var，而$不会突出显示。我在 settings 中使用默认的非WordCharacters /\\()"\':,.;<>~!@#$%^&*|+=[]{}?-\xe2\x80\xa6。如何启用突出显示整个变量（包括$符号）？