Display

Write the function that formats the weather.

What is a display function?

A display function converts weather data into a string to show the user. It combines city, temperature, and condition information with the + operator. This keeps model data separate from the user interface text.

function format(h: Weather): string {
  return h.city + " " + h.temperature + "C";
}

String concatenation

During formatting, text pieces are combined with the + operator. Numeric values are automatically converted to strings. For example, "Bursa" + " " + 20 + "C" gives "Bursa 20C". This method produces a simple and readable output.

Exercise formatla function

Define a Hava interface: sehir: string, sicaklik: number. The formatla function should be (h: Hava): string and return h.sehir + " " + h.sicaklik + "C". Print the result of calling formatla({ sehir: "Bursa", sicaklik: 20 }) with console.log.

Show example solution

interface Hava { sehir: string; sicaklik: number; }
function formatla(h: Hava): string {
  return h.sehir + " " + h.sicaklik + "C";
}
console.log(formatla({ sehir: "Bursa", sicaklik: 20 }));

Test yourself

What type does the formatla function return?
- string
- boolean
- void
- number
Show answer

string — Since the display function produces the text to show the user, it returns a string value.

String concatenation operator

function formatla(h: Hava): string {
  return h.sehir + " " + h.sicaklik ____ "C";
}

Show answer

function formatla(h: Hava): string {
  return h.sehir + " " + h.sicaklik + "C";
}

Display concepts

formatla

Formatting function
string

Return type
+

String concatenation
Hava

Input type

Next lesson: Integration

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies