简单的javascript数字乘数功能(我还很缺乏经验)

时间:2017-03-05 03:16:19

标签: javascript jquery math slider

Stack Overflow社区!我一直在搜索这个网站以寻找问题的答案,但是我目前正在努力实现目标,而不幸的是,我的编程知识结束的地方是css和html,我几乎知道什么都没有涉及到javascript。

这是我试图处理的滑块项目:

https://github.com/Leurus/slider_test/blob/slider_test/test.html

我已根据我的有限知识对原始滑块脚本进行了大量更改,但我接下来需要做的就是复制" downText"滑块后面的div,可以将其粘贴到页面上的不同位置,使用不同的数字基于" downText"

所以其他数字会像" downText"那样主动更新。 div自动更新,但它们更新的数字将基于通过滑块选择的内容。因此,如果有人选择" 100",他们会将下面的四个数字视为:

$ 1,800
$ 46,000个
$ 1个
$ 79

我还希望包含美元符号,但仍然可以正常运行,我假设只需添加一个抓住" downText&#的代码就可以轻松实现所有这些功能。 34;数字并将其相乘,然后发布结果。我只是不知道如何使用javascript进行编码,所以即使我确定它是一个超级简单的功能,我对如何做到这一点毫无头绪,或者如何学习如何自己做。

非常感谢任何帮助。谢谢!

1 个答案:

答案 0 :(得分:0)

开始使用javascript还不错!我记得我个人在屏幕上大吼大叫,试图做最简单的事情。

首先,我建议您对格式进行更多研究,因为您可以使用Overstack上的其他示例(such as here

其次,看起来要获得所需的价值,您应该可以使用dragVal

function dragUpdate() {

dragVal = Math.round((this.target._gsTransform.x / maxDrag) * 1000);

select('.downText').textContent = select('.upText').textContent = dragVal;

TweenMax.to('#display', 1.3, {
  x: this.target._gsTransform.x
}) ...

它应该在选择的最后一个数字上运行,在这种情况下,简单地使用该数字,乘以您想要的指定浮点数,然后使用我提供的源格式化它。希望有所帮助!