typescript object with any properties code example

Example 1: define object properties typescript

interface ISomeObject {
  subPropertie1: string,
  subPropertie2: number,
}

interface IProperties {
  property1: string,
  property2: boolean,
  property3: number[],
  property4: ISomeObject,
  property5: ISomeObject[],
}

function (args:IProperties): void {		// Sample Usage
  console.log(args.property1);
}

Example 2: typescript string in object property

protected get ButtonClass(): object {
    const buttonClass = {
      'cursor-pointer hover:shadow focus:shadow': this.Enabled,
      'opacity-40 cursor-not-allowed': !this.Enabled,
      'whitespace-no-wrap': !this.LineBreaks
    }
    // The below allows you to define object properties based on a variable.
    // If you were to assign them in the snippet above, it would cause an error.
    buttonClass[`hover:${this.Color.FocusColorClass}`] = this.Enabled;
    buttonClass[`focus:${this.Color.FocusColorClass}`] = this.Enabled;
    buttonClass[`active:${this.Color.ActiveColorClass}`] = this.Enabled;
    return buttonClass;
  }

Example 3: typescript operate with html objects

ts// 1. Select the div element using the id property
const app = document.getElementById("app");

// 2. Create a new <p></p> element programmatically
const p = document.createElement("p");

// 3. Add the text content
p.textContent = "Hello, World!";

// 4. Append the p element to the div element
app?.appendChild(p);