diff --git a/src/app/api/translation.service.ts b/src/app/api/translation.service.ts
index a5f8275..3c207bc 100644
--- a/src/app/api/translation.service.ts
+++ b/src/app/api/translation.service.ts
@@ -1,9 +1,14 @@
 import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
 
 @Injectable({
   providedIn: 'root'
 })
 export class TranslationService {
 
-  constructor() { }
+  constructor(private http: HttpClient) { }
+  getTranslation(text: String)
+  {
+    return this.http.get('https://api.mymemory.translated.net/get?q='+text+'&langpair=en|cs');
+  }
 }
diff --git a/src/app/tab1/tab1.page.html b/src/app/tab1/tab1.page.html
index f26b011..a7bc3aa 100644
--- a/src/app/tab1/tab1.page.html
+++ b/src/app/tab1/tab1.page.html
@@ -16,7 +16,7 @@
   </ion-card>
   <ion-card class="welcome-card">
     <ion-card-content>
-      {{ myinput}} <ion-icon name="arrow-forward-outline"></ion-icon> Output
+      {{ myinput ? myinput: "Input" }} <ion-icon name="arrow-forward-outline"></ion-icon> Output
     </ion-card-content>
     </ion-card>
   </ion-content>
diff --git a/src/app/tab1/tab1.page.ts b/src/app/tab1/tab1.page.ts
index d7615e7..6cd9725 100644
--- a/src/app/tab1/tab1.page.ts
+++ b/src/app/tab1/tab1.page.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import {TranslationService} from '../api/translation.service';
 
 @Component({
   selector: 'app-tab1',
@@ -8,12 +9,16 @@ import { Component } from '@angular/core';
 export class Tab1Page {
 
   myinput:String
-  constructor() {
-    this.myinput = "Input ...";
+  constructor(private translationService: TranslationService)
+  {
+
   }
 
-btnTranslateClicked()
-{
-  console.log(this.myinput);
-}
+  btnTranslateClicked()
+  {
+    this.translationService.getTranslation(this.myinput).subscribe( (data) =>
+    {
+      console.log(data);
+    });
+  }
 }
\ No newline at end of file