From 52c11d214210229a2fded768c6df9046023f66ae Mon Sep 17 00:00:00 2001 From: Xingbo Wang <91768006+JackSimbol@users.noreply.github.com> Date: Sun, 21 Aug 2022 10:54:49 +0800 Subject: [PATCH 1/5] Update slider.css --- slider.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/slider.css b/slider.css index 3718a97..fff6aec 100644 --- a/slider.css +++ b/slider.css @@ -40,7 +40,7 @@ input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 0 0 6px rgba(155, 73, 146, 0.4); } -.selected { +input[type="number"] { margin-right: 16px; background-color: #f53b57; width: 80px; @@ -51,7 +51,7 @@ input[type="range"]:active::-webkit-slider-thumb { position: relative; } -.selected::after { +input[type="number"]::after { content: ""; display: block; border-top: 8px solid transparent; From 6c28235cba49751af660d0ea8c2b103802020846 Mon Sep 17 00:00:00 2001 From: Xingbo Wang <91768006+JackSimbol@users.noreply.github.com> Date: Sun, 21 Aug 2022 10:57:43 +0800 Subject: [PATCH 2/5] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index b546ee2..68c6629 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@
- 50 +
From 659254796f0a54fa9956552fb8d36b98f9d2927c Mon Sep 17 00:00:00 2001 From: Xingbo Wang <91768006+JackSimbol@users.noreply.github.com> Date: Sun, 21 Aug 2022 10:59:59 +0800 Subject: [PATCH 3/5] Update slider.js --- slider.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/slider.js b/slider.js index f134cd2..c5fa3b0 100644 --- a/slider.js +++ b/slider.js @@ -1,6 +1,6 @@ const sliderEl = document.querySelector("#slider-input") -const selectedEl = document.querySelector(".selected") +const selectedEl = document.querySelector("#weight-input") sliderEl.addEventListener("input", () => { //根据滑块值修改填写值 selectedEl.innerHTML = sliderEl.value; From 2a7f3fc6908f3a6ff9915175a918a1443322a915 Mon Sep 17 00:00:00 2001 From: Xingbo Wang <91768006+JackSimbol@users.noreply.github.com> Date: Sun, 21 Aug 2022 11:40:14 +0800 Subject: [PATCH 4/5] Update slider.js --- slider.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/slider.js b/slider.js index c5fa3b0..051d5a6 100644 --- a/slider.js +++ b/slider.js @@ -3,7 +3,7 @@ const sliderEl = document.querySelector("#slider-input") const selectedEl = document.querySelector("#weight-input") sliderEl.addEventListener("input", () => { //根据滑块值修改填写值 - selectedEl.innerHTML = sliderEl.value; + selectedEl.value = sliderEl.value; }); selectedEl.addEventListener("input", () =>{ //根据输入修改滑块值 From 88895a4289c2bc3b2c1e773128f2bf67f386669a Mon Sep 17 00:00:00 2001 From: Xingbo Wang <91768006+JackSimbol@users.noreply.github.com> Date: Sun, 21 Aug 2022 11:55:45 +0800 Subject: [PATCH 5/5] Update slider.js --- slider.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/slider.js b/slider.js index 051d5a6..6e80e5e 100644 --- a/slider.js +++ b/slider.js @@ -7,7 +7,7 @@ sliderEl.addEventListener("input", () => { //根据滑块值修改填写值 }); selectedEl.addEventListener("input", () =>{ //根据输入修改滑块值 - sliderEl.innerHTML = selectedEl.value; + sliderEl.value = selectedEl.value; }) /*