У меня есть следующий файл, который содержит простую кнопку и событие onclick
:
index.js:
const handleSignUp = event => {
console.log("handleSignUp")
}
const personalInfo = `
<button onclick="handleSignUp(event)" class="btn btn-success" id="signUpButton">
Sign Up
</button>
`;
export { personalInfo }
Он загружается / отображается так:
import { personalInfo } from './index.js';
window.onload = () => {
document.getElementById('app').innerHTML = personalInfo;
}
Выдает ошибку, что handleSignUp
не определен. Однако это работает:
document.getElementById('signUpButton').addEventListener('click', () => {
console.log("handleSignUp")
}
Можно ли использовать обычное onclick
событие таким образом, или мне нужно использовать прослушиватель событий? Мне нужно иметь возможность использовать эту кнопку handleSignUp
.