101 - Extended Classes Inline

by steen_hansen

HTML

<!DOCTYPE html><meta charset="utf-8" />
<title>101 Extended Classes Inline</title>


  
<div id='js-div' style="width:55%; " class='code-scroll'>
  <a href='https://github.com/steenhansen/type-czech'  target="_blank" class='git-hub'>GitHub Package</a>
  <div id='js-code'>the javascript</div>
</div>


<div id="the-explanation" style="width:45%" >
  <div class='an-explantion'>101 - Extended Classes Inline</div>
  <div id='explanation-text'>


    <br>
    TypeCzech's general example of an author where:
    <ul>
      <li><b>First</b> controls an author's first name</li>
      <li><b>Last</b> handles an author's first and last name</li>
      <li><b>Full</b> deals with an author's salutation, first, and last name</li>    
      <li>Safely removable supporting TypeCzech test code begins with /**/</li>    
    </ul>
    Extended classes are used for inheritance:
        <ul>
          <li>All JavaScript is in one file, no code imports</li>
          <li>Production class declarations <b>must</b> interleave with TypeCzech calls
              to have the PRE and POST checking functions be correctly linked to before use </li>
          </ul>
  </div>


  <div id="console-log"  >
    <div class='a-title'>Console Output</div>
    <div id='log-text'></div>
  </div>

  <br><br>








  


  
<!--            ------------------TYPE 1------------------------       -->
<script src="https://cdn.jsdelivr.net/gh/steenhansen/type-czech@latest/web-resources/consolelog.js"></script>
<script src="https://cdn.jsdelivr.net/gh/steenhansen/type-czech@latest/web-resources/TypeCzech.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/steenhansen/type-czech@latest/web-resources/type-czech.css">
<!--            -----------------TYPE 1-------------------------       -->
<div id='js-fiddles'>
  <a title="Example-Contents" href="https://jsfiddle.net/steen_hansen/1Lshcept/?Example-Contents" target="_blank">Contents</a>


  <a title="00-Readme-Example"...