function greet(name: string) {
  return `Hello, ${name}!`;
}

// Call the function
const greeting = greet("World");
console.log(greeting);

<script lang="ts">
  let count = $state(0);

  function increment() {
    count++;
  }
</script>

<div>
  <p>You clicked {count} times</p>
  <button onclick={increment}>
    Click me
  </button>
</div>

def fibonacci(n):
    """Generate first n Fibonacci numbers."""
    a, b = 0, 1
    for _ in range(n):
        yield a
        a, b = b, a + b

# Generate the first 10 Fibonacci numbers
print("First 10 Fibonacci numbers:")
for number in fibonacci(10):
    print(number)

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.button:hover {
  background-color: #45a049;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.button:active {
  transform: translateY(0);
}

<script lang="ts">
  import { writable } from 'svelte/store';

  const todos = writable([
    { id: 1, text: 'Learn Svelte', done: false },
    { id: 2, text: 'Build an app', done: false }
  ]);

  function addTodo(text: string) {
    todos.update(items => [
      ...items,
      { id: Date.now(), text, done: false }
    ]);
  }

  function toggleTodo(id: number) {
    todos.update(items =>
      items.map(item =>
        item.id === id ? { ...item, done: !item.done } : item
      )
    );
  }
</script>

<div class="todo-list">
  {#each $todos as todo}
    <div class="todo-item">
      <input
        type="checkbox"
        checked={todo.done}
        onchange={() => toggleTodo(todo.id)}
      />
      <span class:done={todo.done}>{todo.text}</span>
    </div>
  {/each}
</div>

<style>
  .done {
    text-decoration: line-through;
    opacity: 0.6;
  }
</style>