嵌套函数（Javascript）

嵌套函数应由单个函数调用，然后将在单击按钮事件中使用

//缓存元素并向按钮添加单击侦听器
const out=document.getElementById（'out'）；
const button=document.querySelector（'button'）；
按钮。addEventListener（'click'，cal，false）；
函数abc（）{
变量半径=document.f1.rd.value；
//而不是使用“document.write”`
//将该值附加到输出div
out.innerHTML+=radius+'
'；
}
函数def（）{
var fala=document.f1.fala.value；
out.innerHTML+=fala+'
'
}
函数cal（e）{
//阻止表单提交到服务器
e、 预防默认值（）；
def（）；
abc（）；
}

研发部
法拉
卡尔！

//缓存元素并向按钮添加单击侦听器
const out=document.getElementById（'out'）；
const button=document.querySelector（'button'）；
按钮。addEventListener（'click'，cal，false）；
函数abc（）{
变量半径=document.f1.rd.value；
//而不是使用“document.write”`
//将该值附加到输出div
out.innerHTML+=radius+'
'；
}
函数def（）{
var fala=document.f1.fala.value；
out.innerHTML+=fala+'
'
}
函数cal（e）{
//阻止表单提交到服务器
e、 预防默认值（）；
def（）；
abc（）；
}

研发部
法拉
卡尔！

两件事：

• 按钮

  s在

  表单中

  s默认情况下，您可以通过将其

  类型

  设置为

  按钮

• document.write（）

  销毁页面，使用元素（如

  div

  ）及其

  innerHTML

  ：

函数cal（）{
result.innerHTML=rd.value+“，”+fala.value；
}

点击我！

两件事：

• 按钮

  s在

  表单中

  s默认情况下，您可以通过将其

  类型

  设置为

  按钮

• document.write（）

  销毁页面，使用元素（如

  div

  ）及其

  innerHTML

  ：

函数cal（）{
result.innerHTML=rd.value+“，”+fala.value；
}

点击我！

尝试控制台日志并阻止默认表单提交

function abc() {
  var radius = document.f1.rd.value;
  document.write(radius)
}

function def() {
  var fala = document.f1.fala.value;
  document.write(fala)
}

function cal() {
  def()
  abc()
}

点击
函数abc（）{
变量半径=document.forms.f1.rd.value；
控制台日志（半径）；
}
函数def（）{
var fala=document.forms.f1.fala.value；
控制台日志（fala）；
}
功能校准（事件）{
def（）；
abc（）；
event.preventDefault（）；
}

尝试控制台日志并阻止默认表单提交

function abc() {
  var radius = document.f1.rd.value;
  document.write(radius)
}

function def() {
  var fala = document.f1.fala.value;
  document.write(fala)
}

function cal() {
  def()
  abc()
}

点击
函数abc（）{
变量半径=document.forms.f1.rd.value；
控制台日志（半径）；
}
函数def（）{
var fala=document.forms.f1.fala.value；
控制台日志（fala）；
}
功能校准（事件）{
def（）；
abc（）；
event.preventDefault（）；
}

so应该在“cal”函数中？

call（）

没有嵌套函数。它只是调用函数

def（）

和

abc（）

。您是在问如何让

call（）

执行onClick吗？好的。那么，如何使用call（）函数在HTML中打印其他两个函数的输出呢？这些函数假定HTML中存在一个包含2个输入元素的现有表单。有吗？如果没有，代码将不起作用。我已编辑我的帖子以添加这些内容，因此应该在“cal”函数中？

call（）

没有嵌套函数。它只是调用函数

def（）

和

abc（）

。您是在问如何让

call（）

执行onClick吗？好的。那么，如何使用call（）函数在HTML中打印其他两个函数的输出呢？这些函数假定HTML中存在一个包含2个输入元素的现有表单。有吗？如果没有，代码将不起作用。我已经编辑了我的帖子，添加了这些感谢帮助：）感谢帮助：）

<form name="f1">
    <input type="text" name="rd" id="rd0">
    <input type="text" name="fala" id="rd1">
    <button onclick="cal(event)">click</button>
</form>

<script type="text/javascript">
function abc() {
  var radius = document.forms.f1.rd.value;
  console.log(radius);
}

function def() {
  var fala = document.forms.f1.fala.value;
  console.log(fala);
}

function cal(event) {
  def();
  abc();
  event.preventDefault();
}
</script>