simpluslabs

<aura:application extends="force:slds">
    <div class="slds-box slds-text-heading_large slds-text-align_center">
        Lightning Web Component - Apex Hours
        <div class=" slds-grid slds-gutters slds-align_absolute-center slds-wrap">
            <div class="slds-size_8-of-12">
                <c:EventDemo />
            </div>
        </div>
    </div>
</aura:application>

simpluslabs

({
    lwcEventHandler : function(component, event, helper) {
        var eventData = event.getParam('v');
        component.set("v.textFromEvent",eventData);
    }
})

simpluslabs

<aura:component>
        <aura:attribute name="textFromEvent" type="String" />
        <div class="slds">
                In Parent Lightning Component : {!v.textFromEvent}
                <c:linkToAnotherCmp ontxtChange = "{!c.lwcEventHandler}" />
        </div>
</aura:component>	

simpluslabs

import { LightningElement } from 'lwc';

export default class LinkToAnotherCmp extends LightningElement {
    
    raiseEvent(event){
        let txtInput = this.template.querySelector(".txtInput");
        const v = txtInput.value;
        const textChangeEvent = new CustomEvent('txtChange',{
            detail : {v},
        });

simpluslabs

<template>
    <div>
        I'm Lightning Web Component
        <br/>
        Input : <input class="txtInput" />
        <lightning-button label="Send to Aura Component" onclick={raiseEvent}></lightning-button>
    </div>
</template>

simpluslabs

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="helloWorld">
  <apiVersion>45.0</apiVersion>
  <isExposed>true</isExposed>
  <targets>
    <target>lightning__AppPage</target>
    <target>lightning__RecordPage</target>
    <target>lightning__HomePage</target>
  </targets>
</LightningComponentBundle>

simpluslabs

import { LightningElement, track } from 'lwc';
export default class HelloWorld extends LightningElement {
    @track greet = 'Beautiful World';
    onNameChange(event) {
        this.greet = event.target.value;
    }
}

simpluslabs

<template>
    <lightning-card title="HelloWorld" icon-name="standard:custom_notification">
        <div class="slds-m-around_medium slds-p-around_small">
            <p>Welcome to, {greet}!</p>
            <lightning-input label="Name" value={greet} onchange={onNameChange}></lightning-input>
        </div>
    </lightning-card>
</template>

simpluslabs

({
    testEvalLocal : function(component, event, helper)
    {
        console.log('inside testEvalLocal');
        window.foo = 1;
        function bar() {
            var foo = 2;            
            return eval("foo");
        }
        var val = bar();

simpluslabs

<aura:component >
<!--Billing-->
      <div>
          UI Billing
      </div>
  <lightning:button label="testEvalLocal" onclick="{! c.testEvalLocal}"/>
</aura:component>