为什么这不起作用。尺寸、重量、颜色不变。我创建了一个标签和一些范围输入来更改它的大小、重量和颜色。

HTML

<label class="main" id="word">Sample input</label>
            
        
            <label for="text">Text: </label>
            <input type="text" name="text" id="data" placeholder="Type your word"><br>
<label for="s">Size: </label>
            <input type="range" name="s" id="size" from="10" to="50"><br>
            <label class="we"for="w">Weight: </label>
            <input type="range" name="w" id="weight"><br>
            <label for="c">Color: </label>
            <input type="color" name="c" id="color">

JavaScript

<label class="main" id="word">Sample input</label>
            
        
            <label for="text">Text: </label>
            <input type="text" name="text" id="data" placeholder="Type your word"><br>
<label for="s">Size: </label>
            <input type="range" name="s" id="size" from="10" to="50"><br>
            <label class="we"for="w">Weight: </label>
            <input type="range" name="w" id="weight"><br>
            <label for="c">Color: </label>
            <input type="color" name="c" id="color">

顺晟科技：

我已经做了一些步骤来使您的代码正常工作:

第1步:将所有代码放入一个函数中，并将其放入所有标记中。我还在init页面上运行，使其根据HTML中的当前数据设置示例数据。

步骤2:通过将值设置为。来确定范围。

步骤3:将HTML属性修复为。您可以在这里找到更多.