将脚本中的变量解析为html函数

时间:2019-02-10 20:27:08

标签: html

我正在尝试将变量weekendingdate传递给HTML函数以创建弹出窗口,但是以某种方式不起作用:

<!DOCTYPE html>
<html>
  <h2>Select Week Ending date  </h2>  
  <br /> 
  <input type="date" name="Weekendingdate">
  <button onclick="myFunction()">Try it</button>
  <br />  
  <script>
    function myFunction() {
      alert(Weekendingdate);
    }
   </script>
</html>

1 个答案:

答案 0 :(得分:1)

您需要将输入的值作为参数传递给函数-或在函数内获取值。请注意,由于输入类型为“ date”-您可以单独设置日期部分的值-或使用内置的日期选择器。还值得注意的是,所有浏览器对类型为“ date”的输入的处理方式都不相同-因此您可能需要更改该方法。

无论如何-流程是-在日期字段中更改设置日期-然后单击按钮,您将得到警告,提示您输入的日期(输入值)。

另外-另一件事-在开发人员中,最好console.log()您的结果进行测试/调试。我将其保留为您的警报,但想更改它:)

const input = [['A', 'B'], 1, 2, 3, ['C', 'D']]

// Start the function with an empty result array.
function flat(array, result = []) {
  if (!array.length)
    return result

  // Extract first element.
  const first = array.shift()

  // Call the function with the array element and result array.
  if (Array.isArray(first))
    flat(first, result)
  // Or add the non array element.
  else
    result.push(first)

  // Call the function with the rest of the array and result array.
  flat(array, result)
  return result

}

console.log(flat(input))
function myFunction() {
  let Weekendingdate = document.getElementsByName('Weekendingdate')[0].value;
  alert(Weekendingdate);
}