JavaScript - 在一个文本框中添加两个数字(仍然是字符串)

布赖恩·哈里安贾

由于某种原因,我目前正在制作一个机器人,我想添加一个命令,该命令将在某些用户键入时进行数学运算<command> 1 + 2并且机器人将回答3当它是时<command> 2 * 3,它会回复6(在这种情况下,让我们只使用文本框,如果我在文本框中输入 1 + 2,则会出现一个显示“3”的警报)。

我的问题是,是否有可能发出这种命令?如果是这样,我想知道如何。因为我对 JavaScript RegEx 有了一些了解,我认为如果我使用它,它会成功。

感谢先进的人

安迪

下面是一个快速示例,它在单击按钮时从文本框中选取一个表达式并执行计算。它使用正则表达式来分隔数字/运算符,并使用 aswitch来测试运算符情况。很简单的。

const input = document.querySelector('input');
const button = document.querySelector('button');
button.addEventListener('click', handleClick, false);

function handleClick() {
  const txt = input.value;
  const expr = txt.match(/(\d+)\s?([\+\-\*\/])\s?(\d+)/);
  const first = Number(expr[1]);
  const operator = expr[2];
  const second = Number(expr[3]);
  switch (operator) {
    case '+':
      console.log(first + second);
      break;
    case '-':
      console.log(first - second);
      break;
    case '*':
      console.log(first * second);
      break;
    case '/':
      console.log(first / second);
      break;
  }
}
<input/><button>Submit</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Javascript检查字符串是否在两个数组中的任何一个中

来自分类Dev

JavaScript - 在一行中打印两个数字(不是字符串)。不做转换

来自分类Dev

添加三个数字并在带有Javascript的文本框中显示结果

来自分类Dev

添加两个文本框包含并使用html和javascript在没有任何按钮的情况下在另一个文本框中显示结果

来自分类Dev

给两个文本框相同的值,一个使用Javascript或jQuery填充

来自分类Dev

检查文本框值是JavaScript中的字符串还是数字

来自分类Dev

如何添加两个范围滑块并使用Javascript在文本框中打印值?

来自分类Dev

如何在 JavaScript 中将下一个数字添加到字符串

来自分类Dev

在javascript中添加两个数字

来自分类Dev

使用javascript正则表达式获取字符串中的最后一个数字

来自分类Dev

Javascript拆分字符串的第一个数字

来自分类Dev

Javascript - 如何添加两个文本框的结果并在第三个中显示结果?

来自分类Dev

使用按钮一次在Javascript中显示一个数组字符串

来自分类Dev

如何在JavaScript中比较两个数组?但是关键是一个字符串

来自分类Dev

获取JavaScript中两个字符串之间的字符串的第一个匹配项

来自分类Dev

Javascript:如何检查字符串中是否存在两个数字?(正则表达式)

来自分类Dev

比较两个数组,然后再在JavaScript中将一个数组中的项添加到另一个数组中

来自分类Dev

javascript-添加另一个文本框时,动态创建的文本框的值消失

来自分类Dev

Javascript:将字符串变量解析为两个变量,一个作为字符串,另一个作为整数

来自分类Dev

将两个输入与JavaScript相乘并在文本框中显示

来自分类Dev

将两个输入与JavaScript相乘并在文本框中显示

来自分类Dev

两个文本框日期不应大于JavaScript中的当前日期

来自分类Dev

在字符串 JavaScript 中的每个字符后添加一个空格

来自分类Dev

Javascript-替换文本框中的多个字符串

来自分类Dev

截断Javascript中的字符串,混淆最后两个测试字符串

来自分类Dev

截断Javascript中的字符串,混淆最后两个测试字符串

来自分类Dev

如何在一个字符串中匹配两个非连续词以进行React / Javascript搜索?

来自分类Dev

javascript让我的文本框显示一个变量

来自分类Dev

JavaScript将字符串按数字分成两个变量

Related 相关文章

  1. 1

    Javascript检查字符串是否在两个数组中的任何一个中

  2. 2

    JavaScript - 在一行中打印两个数字(不是字符串)。不做转换

  3. 3

    添加三个数字并在带有Javascript的文本框中显示结果

  4. 4

    添加两个文本框包含并使用html和javascript在没有任何按钮的情况下在另一个文本框中显示结果

  5. 5

    给两个文本框相同的值,一个使用Javascript或jQuery填充

  6. 6

    检查文本框值是JavaScript中的字符串还是数字

  7. 7

    如何添加两个范围滑块并使用Javascript在文本框中打印值?

  8. 8

    如何在 JavaScript 中将下一个数字添加到字符串

  9. 9

    在javascript中添加两个数字

  10. 10

    使用javascript正则表达式获取字符串中的最后一个数字

  11. 11

    Javascript拆分字符串的第一个数字

  12. 12

    Javascript - 如何添加两个文本框的结果并在第三个中显示结果?

  13. 13

    使用按钮一次在Javascript中显示一个数组字符串

  14. 14

    如何在JavaScript中比较两个数组?但是关键是一个字符串

  15. 15

    获取JavaScript中两个字符串之间的字符串的第一个匹配项

  16. 16

    Javascript:如何检查字符串中是否存在两个数字?(正则表达式)

  17. 17

    比较两个数组,然后再在JavaScript中将一个数组中的项添加到另一个数组中

  18. 18

    javascript-添加另一个文本框时,动态创建的文本框的值消失

  19. 19

    Javascript:将字符串变量解析为两个变量,一个作为字符串,另一个作为整数

  20. 20

    将两个输入与JavaScript相乘并在文本框中显示

  21. 21

    将两个输入与JavaScript相乘并在文本框中显示

  22. 22

    两个文本框日期不应大于JavaScript中的当前日期

  23. 23

    在字符串 JavaScript 中的每个字符后添加一个空格

  24. 24

    Javascript-替换文本框中的多个字符串

  25. 25

    截断Javascript中的字符串,混淆最后两个测试字符串

  26. 26

    截断Javascript中的字符串,混淆最后两个测试字符串

  27. 27

    如何在一个字符串中匹配两个非连续词以进行React / Javascript搜索?

  28. 28

    javascript让我的文本框显示一个变量

  29. 29

    JavaScript将字符串按数字分成两个变量

热门标签

归档