Estoy intentando hacer un generador de RFC, que consisten en la primer letra del apellido paterno, la primer vocal de apellido paterno, la primer letra del apellido materno, la primer letra del nombre, los últimos dos digitos del año de nacimiento, el mes y el día.
Al ejecutar el siguiente código, me da el error Uncaught TypeError: Cannot read property 'charAt' of undefined at HTMLButtonElement.calculoRfc
Si creo un nuevo elemento con datos ya establecidos, si me corre el código, no me lo genera si quiero agarrar los datos del HTML
var pnombre = document.getElementById('nombre')
var papellidoPaterno = document.getElementById('apellidoPaterno')
var papellidoMaterno = document.getElementById('apellidoMaterno')
var pdiaNacimiento = document.getElementById('diaNacimiento')
var pmesNacimiento = document.getElementById('mesNacimiento')
var panoNacimiento = document.getElementById('anoNacimiento')
var button = document.getElementById('button')
var texto = document.getElementById('texto')
console.log(pnombre)
class persona{
constructor(nombre, apellidoPaterno, apellidoMaterno, diaNacimiento, mesNacimiento, anoNacimiento){
this.nombre = nombre,
this.apellidoPaterno = apellidoPaterno,
this.apellidoMaterno = apellidoMaterno,
this.diaNacimiento = diaNacimiento,
this.mesNacimiento = mesNacimiento,
this.anoNacimiento = anoNacimiento
}
calculoRfc(){
console.log("hola")
var letra1 = (this.apellidoPaterno).charAt(0);
for(var i=0; i<(this.apellidoPaterno).length;i++){
if(((this.apellidoPaterno).charAt(i)=='A')||((this.apellidoPaterno).charAt(i)=='E')||((this.apellidoPaterno).charAt(i)=='I')||((this.apellidoPaterno).charAt(i)=='O')||((this.apellidoPaterno).charAt(i)=='U')){
var letra2 = (this.apellidoPaterno).charAt(i);
i=(this.apellidoPaterno).length;
}
}
texto.innerHTML = (`${letra1}${letra2}${(this.apellidoMaterno).charAt(0)}${(this.nombre).charAt(0)}${(this.anoNacimiento).slice(2,4)}${this.mesNacimiento}${this.diaNacimiento}`)
console.log(`${letra1}${letra2}${(this.apellidoMaterno).charAt(0)}${(this.nombre).charAt(0)}${(this.anoNacimiento).slice(2,4)}${this.mesNacimiento}${this.diaNacimiento}`)
}
}
var datos = new persona(pnombre,papellidoPaterno,papellidoMaterno,pdiaNacimiento,pmesNacimiento,panoNacimiento)
button.addEventListener('click', datos.calculoRfc);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Generador RFC</title>
</head>
<body>
<h1>Calcular tu RFC sin homoclave</h1>
<input type="text" id="nombre" placeholder="Nombre">
<input type="text" id="apellidoPaterno" placeholder="Apellido Paterno" >
<input type="text" id="apellidoMaterno" placeholder="Apellido Materno" >
<p class="subtitulo">FORMATO (dd)</p>
<input type="text" id="diaNacimiento" placeholder="Día de nacimiento" >
<p class="subtitulo">FORMATO (mm)</p>
<input type="text" id="mesNacimiento" placeholder="Mes de nacimiento" >
<p class="subtitulo">FORMATO (aaaa)</p>
<input type="text" id="anoNacimiento" placeholder="Año de nacimiento" >
<button id="button">Calcular</button>
<p id="texto"></p>
<script src="rfc.js"></script>
</body>
</html>