DeveloperBreeze

JavaScript Display To-Do List

January 26, 2024

javascript

// Array representing a to-do list
const todoList = ['Task 1', 'Task 2', 'Task 3'];

// Display the to-do list using the join method
console.log('To-Do List:', todoList.join(', '));

Continue Reading

Handpicked posts just for you — based on your current read.

Creating a Personal Dashboard with React and APIs: Keep Your Dev Life Organized

import React, { useState } from 'react';

const TodoList = () => {
  const [tasks, setTasks] = useState([]);
  const [newTask, setNewTask] = useState('');

  const addTask = () => {
    if (newTask.trim()) {
      setTasks([...tasks, newTask]);
      setNewTask('');
    }
  };

  return (
    <div>
      <input
        type="text"
        value={newTask}
        onChange={(e) => setNewTask(e.target.value)}
        placeholder="Enter a task"
      />
      <button onClick={addTask}>Add Task</button>
      <ul>
        {tasks.map((task, index) => (
          <li key={index}>{task}</li>
        ))}
      </ul>
    </div>
  );
};

export default TodoList;

Add this component to your dashboard:

Aug 20, 2024 Tutorial