Помогите сделать калькулятор на js пжжжжж

Question

Помогите сделать калькулятор на js пжжжжж

Dazer TV Css Ученик (12), на голосовании 1 год назад

из цены - предоплата и этот вывод должно быть на картинке
<!DOCTYPE html>
<html>
<head>
<script>
function generateReceipt() {
var recipient = document.getElementById("recipient").value;
var amount = document.getElementById("amount").value;
var amount = document.getElementById("amount1").value;
var date = document.getElementById("date").value;

var checkboxes = document.querySelectorAll("input[type=checkbox]:checked");
var selectedOptions = [];
checkboxes.forEach(function(checkbox) {
selectedOptions.push(checkbox.value);
});

// Создание изображения с помощью canvas
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
canvas.width = 500;
canvas.height = 600;

// Генерация содержимого чека на canvas
context.fillStyle = "#ffffff";
context.fillRect(0, 0, canvas.width, canvas.height);

context.font = "16px Arial";
context.fillStyle = "#000000";
context.fillText("Чек", 50, 50);
context.fillText("Получатель: " + recipient, 50, 80);
context.fillText("Сумма: " + amount, 50, 110);
context.fillText("Дата: " + date, 50, 140);

// Включение выбранных опций
var yPos = 170;
selectedOptions.forEach(function(option) {
context.fillText(option, 50, yPos);
yPos += 20;
});

// Преобразование canvas в изображение
var image = new Image();
image.src = canvas.toDataURL();

// Создание ссылки для скачивания изображения
var link = document.createElement("a");
link.href = image.src;
link.download = "receipt.jpg";
link.click ();

// Очистка полей ввода
document.getElementById("recipient").value = "";
document.getElementById("amount").value = "";
document.getElementById("amount1").value = "";
document.getElementById("date").value = "";
checkboxes.forEach(function(checkbox) {
checkbox.checked = false;
});

}
</script>
</head>
<body>
<label for="amount">Цена:</label>
<input type="number" id="amount"><br>
<label for="amount">Предоплата:</label>
<input type="number" id="amount1"><br>
<button onclick="generateReceipt()">Сгенерировать чек</button>
</div>
</body>
</html>

Answer 1

У тебя нет в html элементов с нужными id, нет чекбоксов, непонятно что ты хочешь

Answer 2

codepen.io/norbert123/pen/dyQVXeq оно его слепило из того что было