---
title: "Discussion on \"oninput for range\" | Hashnode"
description: "Discussion on \"oninput for range\". We often use onclick and onchange but here's a scenario where oninput is used to trigger a change in the range value.\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<title>oninput range</title>\n<meta name=\"viewport\" content=\"width=d..."
url: "https://hashnode.com/posts/oninput-for-range/609a705021068818a5c65ce5"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [oninput for range](https://anjanesh.dev/oninput-for-range?utm_source=hashnode&utm_medium=feed)

We often use onclick and onchange but here's a scenario where oninput is used to trigger a change in the range value. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>oninput range</title> <meta name="viewport" content="width=d...

May 11, 2021 · 1 min read · anjanesh.dev  
Read the article

-   [#html5](https://hashnode.com/tag/html5)

## Written by

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

@anjanesh · Navi Mumbai, MH

  
[View profile](https://hashnode.com/@anjanesh)

Web UI Engineer

I am a web consultant from Navi Mumbai. Mainly dealt with LAMP stack, now into Django and getting into Laravel and Cloud. Founder of nerul.in and gaali.in

## Responses 1

Markdown supported · ⌘↵ to post

[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]
```

[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)