Skip to content

Instantly share code, notes, and snippets.

@lfernandez55

lfernandez55/evolve-1st-day-demos.markdown

Last active February 25, 2020 04:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lfernandez55/08fdada031b45fdc961e432bfd4f6fa2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lfernandez55/08fdada031b45fdc961e432bfd4f6fa2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. lfernandez55 revised this gist Feb 25, 2020. No changes.
  2. lfernandez55 created this gist Feb 25, 2020.
    7 changes: 7 additions & 0 deletions evolve-1st-day-demos.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    Evolve 1st Day Demos
    --------------------


    A [Pen](https://codepen.io/lfernandez55/pen/rNVjZGN) by [lfernandez55](https://codepen.io/lfernandez55) on [CodePen](https://codepen.io).

    [License](https://codepen.io/lfernandez55/pen/rNVjZGN/license).
    51 changes: 51 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,51 @@
    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title></title>
    </head>

    <body>
    <div id="myid">aaa</div>
    <table>
    <tr>
    <td id="myTableId">ddddd</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    </body>

    </html>
    16 changes: 16 additions & 0 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    document.getElementById('myDiv').addEventListener("click",foo)

    function foo(){
    alert("Foo!")
    }

    document.getElementById('myTableId').addEventListener("click",function(){
    doit(this)
    })

    function doit(elem){
    console.log(elem.innerHTML)
    elem.style.backgroundColor="aqua"
    console.log(this.row)
    }

    8 changes: 8 additions & 0 deletions style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    tr,td{
    border:1px solid
    black;
    padding:10px
    }
    table{
    border-collapse:collapse
    }