[p5.js] Web page source code security issues / How can I do 'p5 Encryption'?

p5.js Project Guidance
11

@javagar

[ERROR SOURCE]

var CryptoJS = require("crypto-js");
var secretKey = 'hihihihihihihihi';


console.log('original:', data);

function setup() {

  if(displayWidth > displayHeight) { android = false; }else { android = true; }   
  
  android=true;
  
  if(android) {  createCanvas(600, 1100); }
        else  {  createCanvas(1920, 1080); }
  
  
  if(android) {
      ANDROID_SETUP(); 
  }else{
      x = 753; y1 = 477; y2 = 547; w = 256; h = 52;
      login_id = createInput('Your ID');
      login_id.position(x, y1);
      login_id.size(w, h);
      login_id.style('font-size', '18px');
      // login_id.textSize(10);
      login_pw = createInput('', 'password');
      login_pw.position(x, y2);
      login_pw.size(w, h);
      login_pw.style('font-size', '18px');
  } 
  
     var encrypted = CryptoJS.AES.encrypt("Message", secretKey).toString();  // -> ERROR
     console.log('encrypt:', encrypted);
     // var decrypted = CryptoJS.AES.decrypt(encrypted, secretKey).toString();
     // console.log('decrypted:', data);  
}

[FILE]

It’s blocked there. I don’t know why.