applied-button.js

Job.prototype.appliedButton = function() {

  let text = this.applied ? 'Mark as not applied to' : 'Mark as applied to'

  // return $('<button>', {id: 'add-applied', data: {bool: applied}, text: text, className: 'foo'})
  return `<button id='add-applied' data-bool="${this.applied}">${text}</button><br><br>`

}

JobView.js

// app/assets/javascripts/jobs/show.js
$(document).ready(function(){
  const displayJobDetails = function (job) {
	$('#foo').append(JobView.renderJobShow(job))
  }
})


// // jobs/show.html.erb
// ...
// = javascript_tag 'jobs/show.js' ^

// app/assets/javascripts/job/view/JobView.js
class JobView {
  static renderJobShow(job) {
    $('<div>', {}, [ renderJobTitle(job), ... ])
  }
  
  static renderJobTitle(job) { ... }
  static renderJobAppliedBtn(job) { ... }
}