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?

The `event.target` in JavaScript refers to the element that fired the event, useful for accessing and modifying its properties.

What is event.target in JavaScript?

Syntax

Importance of event.target

Code

Importance of `event.target`