use create_svg_element in winner.js

diff --git a/site/modules/winner.js b/site/modules/winner.js
index 330a6de9c9240964bba062ba183b8f055331c523..9deb86461cb0aab97e073b5b40c69e430ee1eff2 100644 (file)
--- a/site/modules/winner.js
+++ b/site/modules/winner.js
@@ -1,4 +1,4 @@
-import { svgns, create_svg_element } from "./svg.js";
+import { create_svg_element } from "./svg.js";
 import { card_href, FIFTY_TWO_CARD_DECK } from "./card.js";
 import { random_int } from "./random.js";
 
@@ -24,32 +24,17 @@ export class CongratulateWinner {
     }
 
     show_winner() {
-        this.winner_banner = document.createElementNS(svgns, "text");
-        this.winner_banner.classList.add("winner-banner");
-        this.winner_banner.setAttribute("x", "250");
-        this.winner_banner.setAttribute("y", "210");
+        this.winner_banner = create_svg_element(this.svg, "text", ["winner-banner"], [["x", "250"], ["y", "210"]]);
         const winner_banner_text = document.createTextNode("Winner");
         this.winner_banner.append(winner_banner_text);
-        this.svg.append(this.winner_banner);
 
-        this.winner_name = document.createElementNS(svgns, "text");
-        this.winner_name.classList.add("winner-name");
-        this.winner_name.setAttribute("x", "250");
-        this.winner_name.setAttribute("y", "260");
+        this.winner_name = create_svg_element(this.svg, "text", ["winner-name"], [["x", "250"], ["y", "260"]]);
         const winner_name_text = document.createTextNode(this.username);
         this.winner_name.append(winner_name_text);
-        this.svg.append(this.winner_name);
     }
 
     card_image(card) {
-        const image = document.createElementNS(svgns, "use");
-        image.setAttribute("width", "45");
-        image.setAttribute("height", "70");
-        image.setAttribute("x", random_int(500 - 45));
-        image.setAttribute("y", "-70");
-        image.setAttribute("href", card_href(card));
-        this.svg.append(image);
-        return image;
+        return create_svg_element(this.svg, "use", [], [["width", "45"], ["height", "70"], ["x", random_int(500 - 45)], ["y", "-70"], ["href", card_href(card)]]);
     }
 
     random_drop(time) {