I’m a real noob in JavaScript (still on Basic JavaScript part) and I’m trying to build a simple currency converter. I’m getting an Uncaught TypeError: Cannot set property 'innerHTML' of undefined
. Here’s the HTML:
<body>
<div>
<h1>$Currency Converter$</h1>
<h3>Easily convert dollars to reais!</h3>
</div>
<div>
<form id="converter">
<label>Amount:</label>
<input type="text" placeholder="Ex: 55.39" id="amount">
<button type="submit">Convert!</button>
</form>
</div>
<div id="result"></div>
</body>
And the JavaScript:
function convertToReais(){
var amount = document.getElementById('amount').value;
var result = document.getElementById('result');
result.innerHTML = multiply(amount);
}
function multiply(value){
return value * 3.7;
}
document.getElementById('converter').addEventListener('submit', convertToReais);
I’m doing it on Code Pen too. If anyone can help me please let me know!