我想要一個(gè)輸入框和一個(gè)滑塊，讓我可以改變?nèi)切蔚母叨?。?dāng)我移動(dòng)范圍滑塊時(shí)，輸入框中的值會(huì)發(fā)生變化，但是，如何在輸入框中輸入數(shù)字并更改滑塊的值。非常感謝。//default ramp size parameterslet rampHeight = 200;let rampLength = 150;function setup() { createCanvas(800, 500); var slider = document.getElementById('height')slider.addEventListener('change', function(){ changeHeight(this.value)}) $('#height').on('input',function () { var newVal = $(this).val(); $("#heightInput").val(newVal);});$('#heightInput').on('input', function(){ //console.log($(this).val()) $('#height').val($(this).val())});}function draw() { background(220); fill(150); triangle(700, rampHeight, 700, 400, rampLength, 400);}function changeHeight(height) { rampHeight = 500 - height * 10; if (height >= 20 && height <= 40) { return rampHeight; } else if (height > 40) { return rampHeight = 100; } else if (height < 20) { return rampHeight = 300; }}<!DOCTYPE html><html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" /> </head> <body> <script src="sketch.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input id="height" type="range" min="20" max="40" value="30"> <div class="input-amount"> <input id="heightInput" name="price" value="30"> </div> </body></html>順便說一句，我正在使用 p5.js ...
同時(shí)更改范圍滑塊和輸入框的值
有只小跳蛙
2023-04-14 17:34:27
