var app = new Vue ({
el: '# hamming - encoder ',
 data : {
dataBits : [],
 status : '',
 numberOfDataBits : 4
 },
 created : function () {
 this . initDataBits (4);
 },
 methods : {
 initDataBits : function (){
 this . dataBits =[];

 for( var i=0;i< this . numberOfDataBits ;i++){
 var bit = { data : null };
 this . dataBits . push (bit);
 }
 },
 send : function () {
 if ( this . validate ( this . dataBits ) === true ){
 var encodedMessage = this . encode ( this .
dataBits );
 // this . status = encodedMessage + ' encoded
sent to server ';

 return axios .put(" http :// localhost :3000/
message ", { bits : encodedMessage }). then (
 response => ( this . status = response .
data )
 );
 } else {
 this . status = 'Input is not valid . Please
use 0 or 1 as data bit values ';
 }
 },
 encode : function ( bits ){
 // This function must be changed to allow any
number of data bits
 // Right now it only works for 4 data bits
 var c4= this . parity ( parseInt ( bits [1]. data )+
parseInt ( bits [2]. data )+ parseInt ( bits [3]. data
));
 var c2= this . parity ( parseInt ( bits [0]. data )+
parseInt ( bits [2]. data )+ parseInt ( bits [3]. data
));