javascript - 如何从用户那里获取颜色输入并相应地更改 WIX 元素的颜色?
问题描述
这是我到目前为止一直在应用的代码,但它不起作用。
$w.onReady(function () {
const bigBox = $w('#box0');
const firstCircle = $w('#box1');
const secondCircle = $w('#box2');
const thirdCircle = $w('#box3');
const fourthCircle = $w('#box4');
const fifthCircle = $w('#box5');
const changeBoxBtn = $w('#changeBox');
const colorInput = $w('#input2') ;
changeBoxBtn.onClick(event => {
bigBox.style.backgroundColor = 'colorInput';
bigBox.style.borderColor = 'colorInput';
});
解决方案
我们在您的问题中遗漏了一些大局,但无论如何我都会尽力回答。
在您onClick
中,您将背景颜色设置为文字字符串。那不是你想要的。你可能想做更多这样的事情:
bigBox.style.backgroundColor = $w('#colorInput').value;
bigBox.style.borderColor = $w('#colorInput').value;
当然,您依赖于人们输入有效的颜色名称。您可能需要考虑使用下拉菜单或类似的东西,而不是开放式文本输入。
推荐阅读
- sas - 隐蔽的 20DEC2007 到 yymmdd10 sas
- java - 有人可以告诉我为什么我的文字消失以及如何解决吗?
- excel - VBA复制范围重复
- imagemagick - 调整图像亮度 imagemagick
- sql - postgresql 从具有数据的同一列更新具有 NULL 的列
- javascript - 如果javascript中的某些键相同,则将数组推送到对象中
- php - 使用 laravel 通过 AJAX 上传文件
- selection - Odoo - 从 One2Many 列表中选择项目时触发模型方法
- python - GridSearchCV 使用 SAME 参数的性能比普通 SVM 差
- unity3d - Unity - 让角色在滑下平台时能够跳跃