Javascript 将变量作为参数从一个函数传递到多个函数

在我的脚本中，我有一个createl函数，我声明了两个变量，并调用了另外两个函数，将声明的变量传递给这两个函数

通过点击一个链接，第一个函数应该为divp的高度增加10px。通过点击另一个链接，第二个函数应该从div的高度中减去10px

但它并没有像预期的那样工作。我相信我必须以不同的方式调用第一个函数中的这两个函数？现在的结果是，无论我点击哪个链接，这些10px都会被扣除。请帮忙

另外，我正在寻找一个没有全局变量的选项，而只是将变量作为参数从一个函数传递到多个函数

HTML:

---

更新HTML以向函数调用发送标识符参数

<a href="" onclick="createEl('large');return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="createEl('small');return false;">Smaller</a>
<div id='box'></div>

---

更新HTML以向函数调用发送标识符参数

<a href="" onclick="createEl('large');return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="createEl('small');return false;">Smaller</a>
<div id='box'></div>

---

您可以将偏移量作为参数传递，并创建一个通用的changeHeightoffset函数

这符合你的要求吗

HTML:

<a href="" onclick="changeHeight(10);return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="changeHeight(-10);return false;">Smaller</a>
<div id='box'></div>

---

您可以将偏移量作为参数传递，并创建一个通用的changeHeightoffset函数

这符合你的要求吗

HTML:

<a href="" onclick="changeHeight(10);return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="changeHeight(-10);return false;">Smaller</a>
<div id='box'></div>

---

还值得一提的是，如果没有从任何其他地方调用大函数和小函数，则可以在createEl的范围内声明它们。还值得一提的是，如果没有从任何其他地方调用大函数和小函数，则可以在createEl的范围内声明它们。

<a href="" onclick="changeHeight(10);return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="changeHeight(-10);return false;">Smaller</a>
<div id='box'></div>

changeHeight(offset) {
    var x = document.getElementById('box');
    x.style.height = (x.offsetHeight + offset) + "px";
}