import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app-angular';

  fontSize= 1;

  aumentar(){
    console.log("aumentar tamaño");
    // test aumentar
    this.fontSize += 0.1;
    // capturamos el tamaño de fuente de todo el cuerpo de html "document.body.style.fontSize"
    document.body.style.fontSize = this.fontSize + "em";
  }

  reducir(){
    console.log("reducir tamaño");
    // test reducir tamaño
    this.fontSize -= 0.1;
    document.body.style.fontSize = this.fontSize + "em";
  }

}