Untitled

//app.js


 const taskForm1 = document.querySelector('#taskForm1')
const Username = document.querySelector('#Username')
const Password = document.querySelector('#Password')


 const { ipcRenderer } = require('electron')

 
taskForm1.addEventListener("submit",async e=>{
  e.preventDefault();
  const user={
    name:Username.value,
pass:Password.value 
  }
  ipcRenderer.invoke('get-users',user).then(()=> console.log('new')).catch((err)=> console.error('Error'))   
  
})

ipcRenderer.on('enter', (e, args) => {
  window.close()  
  });
  
   
//index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="ui/style.css" />
    
   
    <title>LoginForm</title>
</head>
<body>
   <h1>Welcome</h1>
   <form id="taskForm1">
       <br>
   <input type="text" id="Username" placeholder="Username" autofocus>
  <br>
<input type="text" id="Password" placeholder="Password" autofocus>
<br>
    <button type="submit">Login</button>
    
    
    <p class="para-2">
        Do you want to change your password? <a href="pass.html">Change Password</a>
      </p>
    <p class="para-2">
        Not have an account? <a href="signup.html">Sign Up Here</a>
      </p>
    </form>
   
   <script  src="app.js"></script>
</body>
</html>

//index.js

const {createWindow} = require('./main')

const{app} = require('electron')
require('./database')
require('./models/user')
require('./models/list')
require('./models/client')
app.allowRendererProcessReuse = true
//app.whenReady().then(createWindow)
Editor is loading...