Skip to content

Commit

Permalink
Removed button
Browse files Browse the repository at this point in the history
  • Loading branch information
kojix2 committed Jan 8, 2024
1 parent 9a508c2 commit 5612c4f
Showing 3 changed files with 15 additions and 4 deletions.
8 changes: 8 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -16,3 +16,11 @@ textarea {
transform: rotate(180deg);
user-select: none;
}

footer {
text-align: center;
color: #808080; /* 薄い灰色 */
font-size: 12px; /* 小さな文字サイズ */
padding: 10px 0;
margin-top: 20px;
}
4 changes: 3 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
@@ -9,9 +9,11 @@
<body>
<div id="container">
<textarea id="inputText" placeholder="ここに文章を入力"></textarea>
<button id="reverseButton">反転</button>
<textarea id="outputText" readonly></textarea>
</div>
<footer>
<p>&copy; 2024 kojix2</p>
</footer>
<script src="js/script.js"></script>
<!-- JavaScriptファイルへのパスを更新 -->
</body>
7 changes: 4 additions & 3 deletions js/script.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
document.getElementById("reverseButton").addEventListener("click", function () {
var inputText = document.getElementById("inputText").value;
document.getElementById("outputText").value = inputText;
document.getElementById('inputText').addEventListener('input', function() {
var inputText = this.value;
document.getElementById('outputText').value = inputText;
});

0 comments on commit 5612c4f

Please sign in to comment.