30 Days of Code Challenge
30 Days of Code Challenge
Rules
#1 Code or Learn at least 1 hr per day for 30 Days.
#2 Read at least 1 code created by someone else each day.
#3 Copy this code and keep the journal current.
#4 Post your progress daily on your feed.
#5 Have Fun! This should be Rule #1.
Daily Log
DayProgress:
Project
Notes
Code Read
Posted
| Day | Progress | Project | Notes | Code Read | Posted |
|---|
Click new code below to Copy to Clipboard and Paste in HTML between <---->
Example Feed Post
Challenge Day #10Worked on Website
Project link: https://www.freecodeexamples.com
Read: https://code.sololearn.com/We45394i2fZ8/?ref=app
Had fun learning today accomplished a lot
Log link: https://code.sololearn.com/WK97excHSJj4/?ref=app
Feel Free to Post your daily progress here in comments or on our Facebook Group.
Source Code
<html>
<head>
<title>30 Days of Code Challenge</title>
<style>
body {
background-color:lightblue;
}
h2{
text-align:center;
color:blue;
}
h3{
color:purple;
}
</style>
</head>
<body>
<h2>
30 Days of Code Challenge</h2>
<h3>
Rules<br />
#1 Code or Learn at least 1 hr per day for 30 Days.<br />
#2 Read at least 1 code created by someone else each day.<br />
#3 Copy this code and keep the journal current.<br />
#4 Post your progress daily on your feed.<br />
#5 Have Fun! This should be Rule #1.<br /><br />
</h3>
<h2>
Daily Log</h2>
Day
<input id="day" name="day" placeholder="#1" size="5" type="text" />
<br />Progress:
<input id="progress" name="progress" placeholder="Worked on my website" size="80" type="text" />
<br />Project
<input id="project" name="project" placeholder="https://www,freecodeexamples.com" size="50" type="text" />
<br />Notes
<input id="notes" name="notes" placeholder="Tough Day adjusting to new Code formats" size="80" type="text" />
<br />Code Read
<input id="read" name="read" placeholder="https://code.sololearn.com/We45394i2fZ8/?ref=app" size="50" type="text" />
<br />Posted
<input id="posted" name="posted" placeholder="✔️" size="5" type="text" /><br />
<input id="add" onclick="addRow();makeList()" type="button" value="Add Info +" />
<br /><br />
<table border="1" id="table">
<thead id="table-head">
<tr>
<th>Day</th>
<th>Progress</th>
<th>Project</th>
<th>Notes</th>
<th>Code Read</th>
<th>Posted</th>
</tr>
</thead>
<tbody id="table-body">
</tbody>
</table>
<br /><br />
<table border="1">
<!---------------------------------------->
<!--Paste copied data here-->
<!--Paste each new day below others here-->
<!---------------------------------------->
</table>
<br /><br />
Click new code below to Copy to Clipboard and Paste in HTML between <----><br /><br />
<div id="a" onclick="copyDivToClipboard()">
<div id="here">
</div>
</div>
<script> function copyDivToClipboard() { var range = document.getSelection().getRangeAt(0); range.selectNode(document.getElementById("a")); window.getSelection().addRange(range); document.execCommand("copy") } </script>
<h3>
Example Feed Post</h3>
Challenge Day #10<br />
Worked on Website<br />
Project link: https://www.freecodeexamples.com
<br />
Read: https://code.sololearn.com/We45394i2fZ8/?ref=app<br />
Had fun learning today accomplished a lot<br />Log link: https://code.sololearn.com/WK97excHSJj4/?ref=app<br /><br />
<script>
function addRow() {
"use strict";
var tableBody = document.getElementById("table-body");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td4 = document.createElement("td");
var td5 = document.createElement("td");
var td6 = document.createElement("td");
var row = document.createElement("tr");
td1.innerHTML = document.getElementById("day").value;
td2.innerHTML = document.getElementById("progress").value;
td3.innerHTML = document.getElementById("project").value;
td4.innerHTML = document.getElementById("notes").value;
td5.innerHTML = document.getElementById("read").value;
td6.innerHTML = document.getElementById("posted").value;
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
row.appendChild(td6);
tableBody.appendChild(row);
}
function makeList(){
document.getElementById("here").textContent = "
<tr><td>"+document.getElementById("day").value+"</td>"+
"<td>"+document.getElementById("progress").value+"</td>"+
"<td>"+document.getElementById("project").value+"</td>"+
"<td>"+document.getElementById("notes").value+"</td>"+
"<td>"+document.getElementById("read").value+"</td>"+
"<td>"+document.getElementById("posted").value+"</td></tr>
";
}
</script>
</----></body>
</html>
Click here to view this code on Sololearn
Link to my 30 Days of Code Challenge Log
30 Days of Code Challenge
ReplyDeleteDay #1
Created this Challenge and Code
Project: https://www.freecodeexamples.com/2018/12/30-days-of-code-challenge.html?m=1
Read: https://www.freecodeexamples.com/2018/12/dna-canvas-example.html?m=1
Log Link:
https://code.sololearn.com/W0UEyFbP43RY/?ref=app