Data Breach Calculator

Data Breach Calculator

by TokenEx Support

HTML

<div id="div_questions">


  <p>Sector:</p>
  <select id="sel_sector"></select>
  <br/>
  <p>Number of Records Stored:</p>
  <input type="number" id="in_records" />

  <p>How well does the organization know where information resides within it organization and who has access to the information?</p>
  <select id="sel_identify"></select>
  <br/>
  <p>What measures does the organization employ to protect against a potential breach?</p>
  <select id="sel_protect"></select>
  <br/>
  <p>What controls does your organization leverage to identify a potential breach?</p>
  <select id="sel_detect"></select>
  <br/>
  <p>In the event of a breach, the organization has the following in order to mount a proper response:</p>
  <select id="sel_respond"></select>
  <br/>
  <p>The ability of the organization to recover from a breach:</p>
  <select id="sel_recover"></select>
  <br/>
  <br/>
  <button id="btn_calculate">Calculate</button>
</div>
<div id="div_results" class="hide">
  <p>
    here are the results... blah blah blah....
  </p>
  <table>
    <thead>
      <tr>
        <th></th>
        <th>Not Tokenized</th>
        <th>Tokenized</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Likelihood of a Breach involving Sensitive Data:  </td>
        <td id="nt_liklihood"></td>
        <td id=t_liklihood></td>
      </tr>
      <tr>
        <td>Potential Cost per Breach</td>
        <td id="nt_cost"></td>
        <td id=t_cost></td>
      </tr>
    </tbody>
  </table>
</div>

CSS

.error {
  border-color: red;
}

.hide {
  display: none;
}

JavaScript

var sector = [{
         "id": 0,
         "text": "--Select--",
         "cost": 0

     }, {
         "id": 1,
         "text": "Health",
         "cost": 363

     }, {
         "id": 2,
         "text": "Education",
         "cost": 300

     }, {
         "id": 3,
         "text": "Pharamceuticals",
         "cost": 220

     }, {
         "id": 4,
         "text": "Financial",
         "cost": 215

     }, {
         "id": 5,
         "text": "Communications",
         "cost": 179

     }, {
         "id": 6,
         "text": "Retail",
         "cost": 165

     }, {
         "id": 7,
         "text": "Industrial",
         "cost": 155

     }, {
         "id": 8,
         "text": "Services",
         "cost": 137

     }, {
         "id": 9,
         "text": "Consumer",
         "cost": 136

     }, {
         "id": 10,
         "text": "Energy",
         "cost": 132

     }, {
         "id": 11,
         "text": "Hospitality",
         "cost": 129

     }, {
         "id": 12,
         "text": "Technology",
         "cost": 127

     }, {
         "id": 13,
         "text": "Media",
         "cost": 126

     }, {
         "id": 14,
         "text": "Research",
         "cost": 124

     }, {
         "id": 15,
         "text": "Transportation",
         "cost": 121

     }, {
         "id": 16,
         "text": "Public Sector",
         "cost": 68

     }

 ]

 var identify = [{
     "id": 0,
     "text": "--Select--",
     "exposure": 0,
     "tExposure": 0
 }, {
     "id": 1,
     "text": "Unsure of exactly where the data resides or who specifically has or needs access.",
     "exposure": 1.2,
     "tExposure": 0.5
 }, {
     "id": 2,
     "text": "Somewhat familiar but likely exsits in other locations.",
     "exposure": 1.1,
     "tExposure": 0.25
 }, {
     "id": 3,
     "text": "We have strict control over the information and where it resides and control who has access to the information",
     "exposure": 1,
     "tExposure": 0.1
 }]

 var protect...