When an event is fired, the element that fires the event is known as the **emitter**. This element is what we call the **target**. So, the **`target` property** of that `event` object refers to the event emitter.

#   
## Syntax
The `target` property can only be obtained if the event of an `element` is being listened to.


element.addEventListener("input", function(event){
  //event.target is now accessible
  console.log(event.target)
})

In the code above, the element's input event is being listened to, which makes `event.target` accessible.

#    
#  Importance of `event.target`
It is necessary to have the `target` property when an event is fired. We can do the following with the `target` property of the event.
* Get the `element` that fired the event.
* Access the properties of the `element`.
* Modify some properties of the `element`, such as the CSS, the attributes, etc.

##   
## Code
The code below shows how an `input` `element` that fires the `oninput` event is listened to and `event.target` is retrieved. The code also shows some capabilities of having `event.target` at our fingertips.


<<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>event.target</title>
</head>
<body>
    <input type="text" name="" id="inp">

    <script>
        let inputBox = document.getElementById("inp");
        inputBox.addEventListener("input", (event)=>{
            console.log(event.target) //Gets the element
            console.log(event.target.value) //Gets a property of the element
            event.target.style.color = "red"; //Modifies the css property of the element
        })
    </script>
</body>
</html>

codemirror

console

As the input box is inserted with data, the `element` and its `value` property is logged to the console. The CSS `color` property is also modified. These are just a few use cases of `event.target`.

What is event.target in JavaScript?

When an event is fired, the element that fires the event is known as the emitter. This element is what we call the target. So, the target property of that event object refers to the event emitter.  Syntax The target property can only be obtained if the event of an element is being listened to. 

What is event.target in JavaScript?

Syntax

Importance of event.target

Code

Importance of `event.target`