Skip to content

Instantly share code, notes, and snippets.

@sdoro
Created January 14, 2018 14:24
Show Gist options
  • Select an option

  • Save sdoro/ddf89cfeb0cbcd93aa2bda36224c63a1 to your computer and use it in GitHub Desktop.

Select an option

Save sdoro/ddf89cfeb0cbcd93aa2bda36224c63a1 to your computer and use it in GitHub Desktop.

Revisions

  1. sdoro revised this gist Jan 14, 2018. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion onclick.markdown
    Original file line number Diff line number Diff line change
    @@ -4,4 +4,7 @@ onclick

    A [Pen](https://codepen.io/bdeen/pen/d620aae383d57473812a282ed5f5c77c) by [Bre'Ana Deen](https://codepen.io/bdeen) on [CodePen](https://codepen.io).

    [License](https://codepen.io/bdeen/pen/d620aae383d57473812a282ed5f5c77c/license).
    [License](https://codepen.io/bdeen/pen/d620aae383d57473812a282ed5f5c77c/license).

    In this example, the paragraph text is changed when the paragraph element is clicked.

  2. sdoro created this gist Jan 14, 2018.
    1 change: 1 addition & 0 deletions index.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <p id="myParagraph">Good Morning!</p>
    7 changes: 7 additions & 0 deletions onclick.markdown
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    onclick
    -------


    A [Pen](https://codepen.io/bdeen/pen/d620aae383d57473812a282ed5f5c77c) by [Bre'Ana Deen](https://codepen.io/bdeen) on [CodePen](https://codepen.io).

    [License](https://codepen.io/bdeen/pen/d620aae383d57473812a282ed5f5c77c/license).
    7 changes: 7 additions & 0 deletions script.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    var paragraph = document.getElementById("myParagraph");

    paragraph.onclick = changeGreeting;

    function changeGreeting(){
    paragraph.innerHTML = "Good Night!";
    }