---
title: "Comment by Syed Fazle Rahman on \"oninput for range\" | Hashnode"
description: "Great tip! Anjanesh Lekshminarayanan You can embed the CodePen here. It'll be easy to test the code here itself. :) Follow this syntax: % [codepen-url]"
url: "https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35"
---

[Discussion](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5)

Comment [oninput for range](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5)

[Syed Fazle Rahman](https://hashnode.com/@fazlerocks)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35)

Great tip! [Anjanesh Lekshminarayanan](https://hashnode.com/@anjanesh)

You can embed the CodePen here. It'll be easy to test the code here itself. :)

Follow this syntax:

```
%[codepen-url]
```

[Anjanesh Lekshminarayanan](https://hashnode.com/@anjanesh)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aa5da5a2dfa679dc79428)

I tried it but it didn't work - does it require a % and the end too ?

[Syed Fazle Rahman](https://hashnode.com/@fazlerocks)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aa6245a2dfa679dc7943c)

No, it should expand into an embed in a few seconds [Anjanesh](https://hashnode.com/@anjanesh). I tried it now and it worked.

[Syed Fazle Rahman](https://hashnode.com/@fazlerocks)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aa66a5a2dfa679dc79444)

[Anjanesh](https://hashnode.com/@anjanesh) oh, it has to be in a new line. It won’t work if it’s inlined inside paragraphs or sentences.

[Anjanesh Lekshminarayanan](https://hashnode.com/@anjanesh)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aa81a5a2dfa679dc794a5)

Got it - it's inserted / embedded - thanks. [Syed Fazle Rahman](https://hashnode.com/@fazlerocks)

[Syed Fazle Rahman](https://hashnode.com/@fazlerocks)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aa84c5a2dfa679dc794ba)

Yay! 🙌 [Anjanesh](https://hashnode.com/@anjanesh)

[Anjanesh Lekshminarayanan](https://hashnode.com/@anjanesh)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aab6700bbde79d86a4cab)

[Syed Fazle Rahman](https://hashnode.com/@fazlerocks) - This is super ! - I just updated my other post which is 100% JavaScript with codepen embed too. Thanks.

[Syed Fazle Rahman](https://hashnode.com/@fazlerocks)

[May 11, 2021](https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5/comment/609aa05e0375d467ca5c1e35#reply-609aaba1c798bd79ff8ec0a7)

I am glad my comment was helpful. 🙂[Anjanesh](https://hashnode.com/@anjanesh)