DEV Community

Cover image for 3 easy ways to interact with users in JS
Sakshi
Sakshi

Posted on

9 5

3 easy ways to interact with users in JS

JS provides you 3 easy ways to interact with users without asking anything much.

Alerts

Alert pops-up dialog box on screen with a button "ok" on it. The button is by default on this dialog box.

Code

<script>
 alert('HI there'); // with specified content
 alert(); // without any specified content
</script>

Enter fullscreen mode Exit fullscreen mode

Prompt

Prompt is another user-interface function which normally contains two arguments.

The text is basically what you want to show the user and the default value argument is optional though it acts like a placeholder inside a text field. It is the most used interface as with it you can ask the user to input something and then use that input to build something.

Example:(with default parameter)

<script>
// prompt example
let age = prompt('How old are you?', 50);

alert(`You are ${age} years old!`); 
</script>
Enter fullscreen mode Exit fullscreen mode

confirm

The confirm function basically outputs a modal window with a question and two button ‘OK’ and ‘CANCEL’.

confirm('question');

Example:

<script>
// confirm example 
let isHappy  = confirm('Are you Happy?');
alert(`You are ${isHappy}`); 
</script>

Enter fullscreen mode Exit fullscreen mode

It will print true or false based on your choice of clicking the ‘OK’ button or ‘CANCEL’ button respectively.

alert('THanks for rreaaddingg <3');

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (1)

Collapse
 
bellatrix profile image
Sakshi

Agreed @lukeshiru

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs