# Javascript and html modification

**URL:** <https://forums.rocket.chat/t/javascript-and-html-modification/12895>\
**Category:** Development\
**Created:** [December 20, 2021, 11:21am UTC](https://forums.rocket.chat/t/javascript-and-html-modification/12895 "2021-12-20T11:21:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![giulia.francalancia](https://avatars.discourse-cdn.com/v4/letter/g/a87d85/32.png) [@giulia.francalancia](https://forums.rocket.chat/u/giulia.francalancia)\
**Post date:** [December 20, 2021, 11:21am UTC](https://forums.rocket.chat/t/javascript-and-html-modification/12895/1 "2021-12-20T11:21:27Z")

</div>

Hi, I have to make a javascript and html modification to some elements of the Chat.  
How should I do?  
where do i find the sources?

---

<div class="post-metadata">

**Author:** ![dudanogueira](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/dudanogueira/32/2529_2.png) [@dudanogueira](https://forums.rocket.chat/u/dudanogueira)\
**Post date:** [December 20, 2021, 12:14pm UTC](https://forums.rocket.chat/t/javascript-and-html-modification/12895/2 "2021-12-20T12:14:18Z")

</div>

Hi! Welcome to our forums!

You should avoid changing the code yourself and doing a new build for a variety of reasons.

First, try customizing Rocket.Chat using its tools:

Admin \> Layout \> Custom CSS  
Admin \> Layout \> Custom Scripts

You can also write a Rocket.Chat App for specific new functionalities. This way you keep things manageable and upgradable. 🙂