3D-Guided Service Instructions > 3D-Guided Service Instructions 201: Use JavaScript to Highlight Parts and Create Ionic Popups
  
3D-Guided Service Instructions 201: Use JavaScript to Highlight Parts and Create Ionic Popups
Prerequisites
Before you begin this portion of the project make sure you’ve completed 3D-Guided Service Instructions 101.
Introduction
In today’s world where so many companies are mostly virtual, it can prove at times to be hard to understand a physical product without having that part in front of a person. The sales, marketing, and service organizations of these companies need a way to digitally display these models for product familiarization, which is where AR and Vuforia Studio come in. Using Vuforia Studio, you can create AR representations of your products that are interactive and can display part data when clicked on. This allows you to give interactive product demonstrations and explain service procedures without ever needing the physical part in front of you.
This portion of the project helps you become familiar with the added functionality that JavaScript coding can bring to a Vuforia Studio Experience regarding populating Ionic popups with information and highlighting parts based on what a user clicks.
1. Create a New Project
2. Create userpick Event Listener Function
3. Add Attributes to the Popup from a Model
4. Create and Bind Play and Reset Buttons
5. Highlight Parts