conditionalRendering.html

<template>
    <lightning-card  title="Conditional Rendering">
        <div class="slds-m-around_medium">
        <lightning-button variant="brand" 
            label="Show Data" 
            title="SHow Data" 
            onclick={handleClick} 
            class="slds-m-left_x-small"></lightning-button>

        <template if:true={isVisible}>
            <div>Welcome to My App Page</div>
        </template>
        <template if:false={isVisible}>
            <div>To see the data press the button.</div>
        </template>

        <lightning-input 
            type="text" 
            label="Type 'Hello' to see data" 
            onkeyup={changeHandler}>
            </lightning-input>
            <template if:true={helloText}>
                <div>Hurray!! You entered the text correctly.</div>
            </template>
    </div>
    </lightning-card>
</template>