<div>
  Article XXXXXXXXXX
  <br /><br />
  Status: <span id="status"></span>

  <br /><br />

  <button onclick="shareButtonClicked()">Share!</button>
  
  <button onclick="shareButtonClicked2()">Share!</button>
class Article {
  constructor(title) {
    this.title = title;
    this.shared = false;
  }
};

Article.prototype.share = () => {
  return this.shared = true;
};

Article.prototype.share2 = function() {
  return this.shared = true;
};

const article = new Article("The best article ever!");

function drawStatus() {
  document.getElementById("status").innerText = article.shared ? 'shared' : 'not shared';
}

drawStatus();

function shareButtonClicked() {
  article.share();
  drawStatus();
}

function shareButtonClicked2() {
  article.share2();
  drawStatus();
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.