回答編集履歴
1
ちょうせい
answer
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
ざっくりリファクタリングします
|
|
2
2
|
```javascript
|
|
3
|
+
<style>
|
|
4
|
+
tr.disabled td{
|
|
5
|
+
background-Color:gray;
|
|
6
|
+
}
|
|
7
|
+
</style>
|
|
3
8
|
<script>
|
|
4
9
|
document.addEventListener('click',e=>{
|
|
5
10
|
const btn1=e.target.closest('.btn');
|
|
@@ -12,9 +17,12 @@
|
|
|
12
17
|
btn2.textContent='解除';
|
|
13
18
|
document.querySelector('#t2 tbody').appendChild(tr);
|
|
14
19
|
btn1.disabled=true;
|
|
20
|
+
btn1.closest('tr').classList.add('disabled')
|
|
15
21
|
}
|
|
16
22
|
if(btn1?.closest('#t2')){
|
|
17
|
-
document.querySelector(`#t1 .btn[data-index="${btn1.dataset["index"]}"]`)
|
|
23
|
+
const btn2=document.querySelector(`#t1 .btn[data-index="${btn1.dataset["index"]}"]`);
|
|
24
|
+
btn2.disabled=false;
|
|
25
|
+
btn2.closest('tr').classList.remove('disabled');
|
|
18
26
|
btn1.closest('tr').remove();
|
|
19
27
|
}
|
|
20
28
|
});
|