在不使用 angularjs 的情况下绑定文本框和滑块 javascript

Question

我想到制作当然那这回声输出在 idMyEcho（文本框）和这滑块位置在 idSlider（滑块）是持续的什么时候 idButton（按钮）是按下和什么时候这用户变化这滑块酒吧

var mCount = 0;
               incCount = function() {
                   mCount++;
                   var myEcho = document.getElementById("idMyEcho");
                   myEcho.setAttribute("value", mCount);
               };
               
               setCount = function() {
                   var aSlider = document.getElementById("idSlider");
                   mCount = aSlider.value;
               };

<div>
            <input type="button" id="idButton" value="MyButton" onclick="incCount()">
            <input type="text" id="idMyEcho" value="0">
            <input type="range" id="idSlider" value="4" onclick="setCount()">
        </div>

谢谢

Answer 1

你的代码没有什么问题，你应该有 $scope 变量和控制器，

app.controller("testCtrl", ["$scope",
  function($scope) {
    $scope.mCount = 0;
    $scope.incCount = function() {
      $scope.mCount++;
    };

    $scope.setCount = function() {    
    };
  }
]);

HTML

  <div class="col-sm-12" ng-controller="testCtrl">
    <div>
      <input type="button" id="idButton" value="MyButton" ng-click="incCount()">
      <input type="text" ng-model="mCount">
      <input type="range" id="idSlider" ng-model="mCount" ng-click="setCount()">
    </div>
  </div>

DEMO

DEMO USING PURE JAVASCRIPT

在不使用 angularjs 的情况下绑定文本框和滑块 javascript

binding textbox and slider without using angularjs only javascript

html

javascript

binding

slider