Rani's 20 JavaScript Demos for Beginners

1. Greet User

Asks your name and greets you


2. Add Two Numbers

Adds 5 + 7 and shows result


3. Show Date

Displays today’s date


4. Change Text

Changes text content on click

Click the button to change me!


5. Random Number

Generates a random number


6. Background Color

Changes background color


7. Count Clicks

Counts how many times you click

Clicked: 0 times


8. Show Time

Shows current time


9. Toggle Message

Toggles a hidden message


10. Double Number

Doubles a number input


11. Change Image

Changes an image source


12. Say Goodbye

Shows goodbye alert


13. Check Age

Checks if you’re an adult


14. Sum Inputs

Sums two number inputs

+

15. Change Font

Changes font style


16. Alert Length

Shows length of input


17. Multiply Numbers

Multiplies 2×8


18. To Uppercase

Makes input uppercase


19. Square a Number

Squares a number


20. Toggle Background

Toggles light/dark background