202302161851

by hajime_nagahata

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Excel to JSON Converter</title>
</head>
<body>
  <form>
    <div>
      <label for="article-id">記事ID:</label>
      <input type="text" id="article-id" name="article-id" required>
    </div>
    <div>
      <label for="category-code-column">カテゴリコード列番号:</label>
      <input type="number" id="category-code-column" name="category-code-column" required>
    </div>
    <div>
      <label for="category-name">カテゴリ名列名:</label>
      <input type="text" id="category-name" name="category-name" required>
    </div>
    <div>
      <label for="category-url">カテゴリURL列名:</label>
      <input type="text" id="category-url" name="category-url" required>
    </div>
    <div>
      <label for="series-code">シリーズコード列名:</label>
      <input type="text" id="series-code" name="series-code" required>
    </div>
    <div>
      <label for="series-name">シリーズ名列名:</label>
      <input type="text" id="series-name" name="series-name" required>
    </div>
    <div>
      <label for="brand-name">ブランド名列名:</label>
      <input type="text" id="brand-name" name="brand-name" required>
    </div>
    <div>
      <label for="series-image-url">シリーズ画像URL列名:</label>
      <input type="text" id="series-image-url" name="series-image-url" required>
    </div>
    <div>
      <label for="series-url">シリーズURL列名:</label>
      <input type="text" id="series-url" name="series-url" required>
    </div>
    <div>
      <button type="submit" id="convert-button">変換する</button>
    </div>
  </form>
  <script>
    function convertToJSON(event) {
      event.preventDefault();
      const formData = new FormData(event.target);
      const articleId = formData.get('article-id');
      const categoryCodeColumn = parseInt(formData.get('category-code-column'), 10);
      const categoryName = formData.get('category-name');
      const categoryUrl = formData.get('category-url');
      const seriesCode = formData.get('series-code');
      const seriesName =...

CSS

body {
  margin: 3rem
}