Давать максимальный размер неудару в лунку range в HTML5

Хорошие
я хотел бы знать, как ему дает максимальную стоимость неудару в лунку range digitando стоимость в неударе в лунку text.
например, если я хочу, чтобы максимальный ранг был 70, первый я должен digitar в неударе в лунку text стоимость для того, чтобы в момент передавания slider незаметно он прибыл даже 70 как максимальный ранг.

introducir la descripción de la imagen aquí

максимальная стоимость я должен сначала digitarlo, где он 0 для того, чтобы в момент движения slider он прибыл в пальчатую стоимость. я довожу до сведения, что он должен быть из-за javascript

2
задан 11.10.2016, 01:14
3 ответа

Привет я исследовал немного больше и разработал этот пример с agularjs, и так он намного лучше и справедливый, как он это хотел, благодаря всем из-за Вашей помощи. я оставляю demo, если кто-то нуждается в этом
DEMO

HTML:

<html ng-app="simu">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<body ng-controller="SimuCtrl as control">                          
<input type="number" ng-model="input.i15" name="" >
<input type="number" name="" value="{{input.sc2.val}}" disabled="">
<input type="range" ng-model="input.sc2.val" min="{{input.sc2.min}}" max="{{input.i15}}" step="{{input.sc2.step}}">

</body>                     
</html>

Язык сценариев JavaScript:

angular.module("simu",[])
.controller("SimuCtrl",["$scope",function ($scope) {
    $scope.input={};
    $scope.input.i15 = 0;
    $scope.input.i16=0;
    $scope.input.sc1 = {
        val : 0,
    min : 0,
        step : 0.5
    }
    $scope.input.sc2 = {
        val : 0,
    min : 0,
        step : 0.5
    }
    $scope.input.sc3 = {
        val : 0,
        min : 0,

        step : 0.5
    }
    $scope.output = {
        o1:0,
        o2:0,
        o3:0,
        o4:0,
        o5:0,
        o6:0,
        o7:0,
        o8:0,
        o9:0,
        o10:0
    }
}]);
0
ответ дан 24.11.2019, 13:09
  • 1
    brother, если quer и # 237; схвати в Угловом, ты это сказал. Твой вопрос был ясным: HTML5 и язык сценариев JavaScript, совсем не м и # 225; в. ты реализуешь Следующий вопрос с большей деталью. Привет – fredyfx 31.10.2016, 18:35

var maxValue = document.getElementById("MaxValue");

var elemento1 = document.getElementById("MaxValue");
elemento1.addEventListener("change", function(){ 
  console.log('Valor del input: '+elemento1.value);
  var powerRanger = document.getElementById("PowerRanger");
  powerRanger.max = elemento1.value;
});

var elemento2 = document.getElementById("PowerRanger");
elemento2.addEventListener("change", function(){
 console.log('Valor del rango: ' + elemento2.value);
});
<input id="MaxValue" type="number" min="0" step="1">
<br>
<input id="PowerRanger" type="range" min="0" step="1">

Снабжает ссылками: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener Рекомендуемые : http://www.tutorialesprogramacionya.com/javascriptya/

2
ответ дан 24.11.2019, 13:09
  • 1
    Искренне, для вопросов без c и # 243; я говорю, что я верю в то, что не быть должным, и # 237; схвати отвечать с c и # 243; digos целые числа, если не давать дорожку, чтобы прибывать к soluci и # 243; n. Таким образом, ты вынуждаешь в того, кто спрашивает, что усилили и не получили один c и # 243; я говорю с t и # 237; пик copy - пасся. – Francisco Romero 11.10.2016, 01:18
  • 2
    привет @Error404 Я Понимаю твою точку зрения и tambi и # 233; n я это имею, очень редкий раз, который я помещаю c и # 243; я говорю поддерживая пользователя, который не делает попытку. Пользователь новый, чтобы начинаться, во-вторых s и # 237; оно старается заставлять функционировать то, что он пробует, я увидел Ваши другие 2 вопроса и и #233; l сам он ответил их ему, я мотивирую, из-за которого я сотрудничал с ответом. Я надеюсь, что я позволяю себе понимать: D – fredyfx 11.10.2016, 01:26
  • 3
    Не hab и # 237; в видный Ваш профиль правда. Я понимаю, что начинаться - dif и # 237; cil, (я также не считаю себя ни экспертом ни многим меньше, но если с чем-то из непринужденности), и я также не состою в том, чтобы помещать c и # 243; я говорю, в вопросе ничего нет ли c и # 243; я говорю, хотя они всегда могут спрашивать меня на как использовать c и # 243; я говорю и я они отвечать и # 233; без вопросов. Хороший ответ всех форм: D +1 – Francisco Romero 11.10.2016, 01:31
  • 4
    Большое спасибо @fredyfx снова из-за Вашей большой помощи и comprensi и # 243; n и на самом деле, который я едва инициализирую с немногие d и # 237; схвати в мире javascript. Error404 спасибо за Ваш комментарий. – JBS 11.10.2016, 01:37
  • 5
    ничего брат @JBS, мы расположены служить, обе ссылки, которые я переместил тебя в ответе, - жизненные! Дай ему со всем power 2.0!!! Конечно Error404, спасибо: D – fredyfx 11.10.2016, 01:43

Ты можешь использовать следующее:

var range = document.querySelector('#idrange');
var text = document.querySelector('#idtext');
range.max = text.value;

я схватил например

function mostrar(){
  document.querySelector('#text3').value = document.querySelector('#range1').value;
}

function cambiar(){
  var range = document.querySelector('#range1');
  var text = document.querySelector('#text2');
  range.max = text.value;
}
  <input type="text" id="text2" value="max">
        <input type="button" id="button1" value="cambiar" onclick="cambiar()">
        <input type="range" id="range1" max="10" min="0" step="1" onchange="mostrar()">
        <input type="text" id="text3" value="valor" readonly>
2
ответ дан 24.11.2019, 13:09