为什么我的JavaScript计算器不允许我加/减数字?

为什么我的JavaScript计算器不允许我加/减数字?,javascript,p5.js,Javascript,P5.js,我的代码的问题是它不允许我将数字相加或相乘,但它允许我单击它们。我想知道为什么它不允许我把这些数字加/乘/减在一起?它也不允许我在计算器顶部键入它们 var按钮=[]; var字体; var btn0; var输入; var结果; 函数设置(){ noCanvas(); font=loadFont('AvenirNextLTPro-Demi.otf',40); 结果=createP(“”); 输入=createInput(“”); 按钮。按下(结果); 按钮。按下(输入); createEle

我的代码的问题是它不允许我将数字相加或相乘,但它允许我单击它们。我想知道为什么它不允许我把这些数字加/乘/减在一起?它也不允许我在计算器顶部键入它们

var按钮=[];
var字体;
var btn0;
var输入;
var结果;
函数设置(){
noCanvas();
font=loadFont('AvenirNextLTPro-Demi.otf',40);
结果=createP(“”);
输入=createInput(“”);
按钮。按下(结果);
按钮。按下(输入);
createElement('br');
按钮。按下(createButton(“√”));
按钮。按下(createButton(“(”));
按钮。按下(createButton('));
按钮。按下(createButton(“←”)按钮);
createElement('br');
按钮。按下(createButton('7'));
按钮。按下(createButton('8'));
按钮。按下(createButton('9'));
按钮。按下(createButton(“÷;”)按钮;
createElement('br');
按钮。按下(createButton('4'));
按钮。按下(createButton('5'));
按钮。按下(createButton('6'));
按钮。按下(createButton(“×;”)按钮;
createElement('br');
按钮。按下(createButton('1'));
按钮。按下(createButton('2'));
按钮。按下(createButton('3'));
按钮。按下(createButton(“&减号”);
createElement('br');
btn0=createButton('0');
按钮。按钮(btn0);
按钮。按下(createButton('.');
按钮。按下(createButton(“+”)按钮;
对于(变量i=0;i

问题在于,就在输入中“键入”数字而言,输入元素(由p5js中的
createInput
创建)不显示其HTML内容,这是由
.HTML()
函数设置的内容。您想改用
.value()
函数:
input.value(input.value()+this.html())

至于执行加法和乘法之类的计算,我看不到任何代码,因此您需要在某个地方添加代码,或者为不同按钮添加不同的鼠标按下处理程序,或者在现有的
add
事件处理程序函数中添加
switch
语句

var按钮=[];
var字体;
var btn0;
var输入;
var结果;
函数设置(){
noCanvas();
font=loadFont('AvenirNextLTPro-Demi.otf',40);
结果=createP(“”);
输入=createInput(“”);
按钮。按下(结果);
按钮。按下(输入);
createElement('br');
按钮。按下(createButton(“√”));
按钮。按下(createButton(“(”));
按钮。按下(createButton('));
按钮。按下(createButton(“←”)按钮);
createElement('br');
按钮。按下(createButton('7'));
按钮。按下(createButton('8'));
按钮。按下(createButton('9'));
按钮。按下(createButton(“÷;”)按钮;
createElement('br');
按钮。按下(createButton('4'));
按钮。按下(createButton('5'));
按钮。按下(createButton('6'));
按钮。按下(createButton(“×;”)按钮;
createElement('br');
按钮。按下(createButton('1'));
按钮。按下(createButton('2'));
按钮。按下(createButton('3'));
按钮。按下(createButton(“&减号”);
createElement('br');
btn0=createButton('0');
按钮。按钮(btn0);
按钮。按下(createButton('.');
按钮。按下(createButton(“+”)按钮;
对于(变量i=0;i

嘿,你不需要调用任何函数……FYI@marcdahan setup()函数由p5js自动调用。并且
add
函数被设置为所有按钮的鼠标按下处理程序。