30 Days of Code Challenge

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

Day
Progress:
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 #10
Worked 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>




Comments

  1. 30 Days of Code Challenge
    Day #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

    ReplyDelete

Post a Comment

Popular posts from this blog