Getters and Setters in LWC

==========================

Getter - returns a value that is set by the setter

Setter - invoke the setter with a handle on click event

html
====
<template>
<lightning-card title="Getter Setter">
<lightning-input label="Message" onchange={handleMessage}></lightning-
input>
My name is {name}
</lightning-card>
</template>

js
==
import { LightningElement } from 'lwc';

export default class ChildComponent extends LightningElement {

myName = 'Hello'

get name(){
console.log('I am in getter');
return this.myName; --> value is returned in getter
}

set name(value){
console.log('I am in setter');
this.myName = value + 'Krishna'; --> setter is assigned a value
}

handleMessage(event){
this.name = event.target.value; --> setter is called
}