Daily Task List

Developer
Tess DiNapoli
Size
2,254 Kb
Views
8,096
  1. Daily Task List Previews
  2. Daily Task List HTML Codes
  3. Daily Task List CSS Codes
  4. Daily Task List JS Codes

How do I make an daily task list?

What is a daily task list? How do you make a daily task list? This script and codes were developed by Tess DiNapoli on 14 January 2023, Saturday.

Daily Task List Previews
IQ Test

Daily Task List - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Daily Task List</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <head>	<title></title>
</head>
<body>
<div class="container">	<div class="contentWrapper">	<h1>Today's Focus</h1>	<form>	<input id="task" placeholder="Add daily goals here">	<button type="button" onclick="getInfo()">submit</button>	</form>	<ol id="toDo">	</ol>	</div>	</div>>
</body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Daily Task List - Script Codes CSS Codes

body {	background: url('http://theartmad.com/wp-content/uploads/2015/09/Ocean-Water-Background-Tumblr-1.jpg')
}
h1 {	margin: 0 auto;	width: 300px;	text-align: center;	color:	#708090;	font-family: sans-serif;
}
.container {	border: 20px solid teal;	display: relative;	border-radius: 8px;	margin: 0 auto;	background-color: #F5F5F5;	opacity: .95;
}
form { width: 300px; margin: 0 auto;	padding-top: 50px;
}
input, button{	font-size: 20px;	text-align: center;	border-radius: 8px;	width: 300px;
}
button {	margin-top: 30px;
}
#toDo {	text-align: center;	font-size: 18px;	padding: 20px;	list-style-position: inside;
}

Daily Task List - Script Codes JS Codes

function getInfo() {	var task = document.getElementById("task")	var text = document.createTextNode(task.value)	var newItem = document.createElement("li")	newItem.appendChild(text)	document.getElementById("toDo").appendChild(newItem)	task.value=''	task.focus() // clear input boxes
}
Daily Task List - Script Codes
Daily Task List - Script Codes
Home Page Home
Developer Tess DiNapoli
Username TessDiNapoli
Uploaded January 14, 2023
Rating 3
Size 2,254 Kb
Views 8,096
Do you need developer help for Daily Task List?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tess DiNapoli (TessDiNapoli) Script Codes
Name
Feedback Page
Play with Instagram API
JQuery ui experiments
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!