Ошибка babel, как исправить?

Я все точь в точь написал,но все равно ошибка. что не так?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Const</title>
</head>
<body>
		
<div class="result"></div>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<script type="text/babel">

var name = 'John';
var product_price_one = '16';
var product_price_two = '13';

//document.getElementById('result').innerText = "Hello, "+name+"!\n Total: $"+ (
 product_price_one + product_price_two );

document.getElementById('result').innerText = `
Hello,${name}!
Total: ${product_price_one + product_price_two}

`;

</script>

</body>
</html>

javascript

1 ответов

Какую ошибку показывает?

Вижу две минимум ошибки:

1. Закомментирована одна строчка и от нее остался лишний кусок кода

//document.getElementById('result').innerText = "Hello, "+name+"!\n Total: $"+ (
 product_price_one + product_price_two );

2. Вызывается document.getElementById('result').innerText строчкой поиск html дива с id result, но в коде html нет дива с id result, есть только класс с названием result, а это не одной и тоже:

<div class="result"></div>