JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<label><input type="radio" name="trip" value="hokkaido" onclick="tripchoice('北海道')">北海道</label>
<label><input type="radio" name="trip" value="okinawa" onclick="tripchoice('沖縄')">沖縄</label>
<label><input type="radio" name="trip" value="tokyo" onclick="tripchoice('東京')">東京</label>
<p id="target"></p>

CSS

#target span {
  background-color: yellow;
  padding: 10px;
}

JavaScript

function tripchoice(value) {
  var target = document.getElementById('target');
  target.innerHTML = "<span>" + value + "</span>";
}