<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();
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.